.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

Eine leuchtende Farbspur hinter Mauszeiger oder Finger, angetrieben von einer echten Fluidsimulation in WebGL, die sich kringelt und treibt, mit Ausweichlösungen für schwächere GPUs.

Bald verfügbar

Pro kann noch nicht gekauft werden. Die Seite öffnet, sobald die Zahlung bereit ist.

Breite

Die Vorschau konnte nicht geladen werden.

Live-Demo. Das Theme schaltet die Demo selbst um.

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)} />}

Der Code ist gesperrt

Fluid Wake gehört zu Manniche UI Pro. Ein Schlüssel öffnet den Quellcode aller 60 Effekte.

Bald verfügbar

49 € · Einführungspreis bis einschließlich 31. Dezember 2026. Danach 79 €.

Einmalzahlung
Ein Entwickler
Der Schlüssel kommt sofort per E-Mail
Keine Umsatzsteuer (§ 19 UStG)

Hast du einen Schlüssel? Hol den Code mit der CLI oder per MCP.

Der Schlüssel liegt in MANNICHE_PRO_KEY, nie im Code oder in der Adresse. So richtest du ihn ein

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	Typ	Standard	Was sie tut
`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`	–	–

Vorschau

Code

Der Code ist gesperrt

Props

A11y

Screenreader

Reduzierte Bewegung

Sonstiges