Gratis-DownloadLiquid Panels For React
Ein kostenloser Setup-Guide für Plasma UI, eine Open-Source-React-Bibliothek von Crux Garden (MIT): Panels, die sich wie Flüssigkeit bewegen, bei Berührung verschmelzen, das Licht dahinter brechen und am Raster einrasten. Setup in fünf Minuten, ein kleines Dashboard als Starter, das ich gebaut und getestet habe, wie du Moods, Wasser, Honig und klares Glas einstellst, die fünf fertigen Komponenten, Prompts für Claude Code und die ehrlichen Haken.
Was drin ist
- How it works Eine gemeinsame Flüssigkeit hinter der Seite: verschmelzen, brechen, dehnen, einrasten, Puls.
- Setup Installieren, App umschließen, Elemente zu Panels machen, und die eine CSS-Falle, die das Canvas versteckt.
- starter/ Ein kleines Dashboard mit verschiebbaren Karten, Moods, Schalter, Slider und Tabs. npm install, npm run dev.
- Tune the look Moods, Wasser- und Honig-Bewegung, klares Glas, Materialien und dein eigener Hintergrund.
- PROMPTS.md Sechs Prompts für Claude Code: Liquid Panels, ein Board zum Verschieben, klares Glas, Einstellungen, ein Dialog, ein Review.
- Honest catches Desktop zuerst, GPU-lastig, vor Version 1.0, ein Canvas, die aktuellen Grenzen.
Node.js 20+, ein React-Projekt (oder der Vite-Starter im ZIP) und ein Desktop-Browser mit WebGL2 (Chrome, Edge, Firefox, Safari 16.4+). Der Effekt ist für den Desktop gemacht. Der Guide ist auf Englisch.
Fabian Faraz Farid · Impressum · Datenschutz