.det .det-faner,.det .det-js-kun{display:none!important}.det .det-bar{padding:0;border:0}.det .det-panel[hidden]{display:block!important}.det .det-panel+.det-panel{margin-top:48px}.det .det-panel-h{position:static;width:auto;height:auto;margin:0 0 14px;overflow:visible;clip-path:none;white-space:normal}.det .det-win-inner{width:100%!important;height:100%!important;left:0;transform:none}.det .det-shutter{display:none}

Fluid Wake

cursorPro

Et glødende farvespor bag markøren eller fingeren, drevet af en ægte væskesimulering i WebGL, der krøller og driver, med reserveløsninger til svagere GPU'er.

Åbner snart

Pro kan ikke købes endnu. Siden åbner, når betalingen er klar.

Bredde

Forhåndsvisningen kunne ikke hentes.

Live demo. Temaet skifter selve demoen.

fluid-wake.tsxPro

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type FluidWakeProps = {  color?: string  duration?: number  size?: number  fade?: 'soft' | 'thin'  swirl?: number  force?: number  quality?: WakeQuality  layer?: 'behind' | 'above'  touch?: boolean  children?: ReactNode  className?: string}export function FluidWake({  color = '#ff6a2b',  duration = 2.2,  size = 18,  fade = 'soft',  swirl = 0.3,  force = 1,  quality = 'medium',  layer = 'behind',  touch = true,  children,  className,}: FluidWakeProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}

Koden er låst

Fluid Wake er en del af Manniche UI Pro. En nøgle åbner kildekoden til alle 60 effekter.

Åbner snart

49 € · Introduktionspris til og med 31. december 2026. Derefter 79 €.

Engangsbetaling
Én udvikler
Nøglen kommer på mail med det samme
Ingen moms (§ 19 UStG)

Har du en nøgle? Hent koden med CLI eller MCP.

Nøglen ligger i MANNICHE_PRO_KEY, aldrig i koden eller i adressen. Sådan sætter du den op

CLInpx shadcn@latest add @manniche-pro/fluid-wake

MCP

claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"

FluidWakeProps

Prop	Type	Standard	Hvad den gør
`color`	`string`	`'#ff6a2b'`	Colour of the dye. Any CSS colour; dense parts of the trail burn towards white.
`duration`	`number`	`2.2`	Seconds until the trail has faded, from 0.1 to 30.
`size`	`number`	`18`	Width of the brush in CSS pixels.
`fade`	`'soft' \| 'thin'`	`'soft'`	`soft` lets the trail spread and dim as it fades; `thin` eats it from the edges, so it narrows to a thread.
`swirl`	`number`	`0.3`	0 to 1: how much the fluid curls into small eddies.
`force`	`number`	`1`	How hard the pointer stirs the fluid. 1 is a gentle wake, 2 is a splash.
`quality`	`WakeQuality`	`'medium'`	Grid resolution. `low` suits phones and big canvases, `high` gives finer curls.
`layer`	`'behind' \| 'above'`	`'behind'`	Draw the trail under the content (default) or over it. Both let clicks through.
`touch`	`boolean`	`true`	Let fingers paint as well as the mouse and pen. Scrolling keeps working either way.
`children`	`ReactNode`	–	The surface the trail lives in. Give it a size and, usually, a background.
`className`	`string`	–	–

Preview

Kode

Koden er låst

Props

A11y