diff --git a/CHANGELOG.md b/CHANGELOG.md index 4721309..c02d54c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,13 @@ All notable changes to this project are documented here. Format based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); this project follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [Unreleased] + +### Added +- **ReactBits `splash-cursor`** showpiece entry: interactive WebGL fluid-simulation that + splashes flowing color trails following the cursor. Self-contained WebGL2, zero npm deps, + MIT. Registry: `npx shadcn@latest add "https://reactbits.dev/r/SplashCursor-TS-TW"`. + ## [1.0.0] - 2026-07-16 All five wired source libraries are now curated - the v1.0.0 milestone. The registry grows diff --git a/README.md b/README.md index ec75c16..7b2dfa1 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # components -> **Showpiece UI for AI coding agents.** Describe a *wow* effect - a laptop opening on scroll, a 3D tilt card, animated beams, a spinning globe - and your agent fetches the **real component live** from the best React + Tailwind libraries (Aceternity, Magic UI, Cult UI, ReactBits, 21st.dev) and adapts it to your brand tokens. 1 skill · 38 showpiece effects · 12 plain fallbacks · 5 source libraries. +> **Showpiece UI for AI coding agents.** Describe a *wow* effect - a laptop opening on scroll, a 3D tilt card, animated beams, a spinning globe - and your agent fetches the **real component live** from the best React + Tailwind libraries (Aceternity, Magic UI, Cult UI, ReactBits, 21st.dev) and adapts it to your brand tokens. 1 skill · 39 showpiece effects · 12 plain fallbacks · 5 source libraries. [![License: Apache-2.0](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](./LICENSE) ![Stack](https://img.shields.io/badge/stack-React%20%2B%20Tailwind-38bdf8) @@ -64,6 +64,7 @@ Anthropic's `frontend-design` skill makes an agent design *well*. It does **not* | GPU particle field (WebGL) | reactbits | `npx shadcn@latest add "https://reactbits.dev/r/Particles-TS-TW"` | MIT | | Hyperspeed light tunnel | reactbits | `npx shadcn@latest add "https://reactbits.dev/r/Hyperspeed-TS-TW"` | MIT | | Glitching letter wall | reactbits | `npx shadcn@latest add "https://reactbits.dev/r/LetterGlitch-TS-TW"` | MIT | +| Fluid-simulation cursor (WebGL) | reactbits | `npx shadcn@latest add "https://reactbits.dev/r/SplashCursor-TS-TW"` | MIT | | iOS dynamic island | cult-ui | `npx shadcn@latest add "https://www.cult-ui.com/r/dynamic-island.json"` | MIT | | WebGL lens-blur shader | cult-ui | `npx shadcn@latest add "https://www.cult-ui.com/r/shader-lens-blur.json"` | MIT | | Fractal grid canvas bg | cult-ui | `npx shadcn@latest add "https://www.cult-ui.com/r/canvas-fractal-grid.json"` | MIT | diff --git a/components.json b/components.json index f06b40e..01f8cf5 100644 --- a/components.json +++ b/components.json @@ -72,6 +72,7 @@ { "name": "particles-webgl", "aliases": ["webgl particles", "3d particle field", "gpu particles"], "effect": "GPU particle field background (heavier, richer than magicui particles)", "library": "reactbits", "ref": "npx shadcn@latest add \"https://reactbits.dev/r/Particles-TS-TW\"", "license": "MIT", "deps": ["ogl"] }, { "name": "hyperspeed", "aliases": ["warp speed background", "highway light tunnel", "hyperspace bg"], "effect": "3D hyperspeed highway/light-tunnel background", "library": "reactbits", "ref": "npx shadcn@latest add \"https://reactbits.dev/r/Hyperspeed-TS-TW\"", "license": "MIT", "deps": ["three", "postprocessing"] }, { "name": "letter-glitch", "aliases": ["glitch letters bg", "terminal glitch wall", "matrix wall"], "effect": "canvas wall of randomly glitching letters", "library": "reactbits", "ref": "npx shadcn@latest add \"https://reactbits.dev/r/LetterGlitch-TS-TW\"", "license": "MIT", "deps": [] }, + { "name": "splash-cursor", "aliases": ["fluid cursor", "fluid simulation", "fluid motion", "liquid cursor", "navier-stokes fluid", "splash cursor", "ink fluid trail"], "effect": "interactive WebGL fluid-simulation that splashes flowing color trails following the cursor", "library": "reactbits", "ref": "npx shadcn@latest add \"https://reactbits.dev/r/SplashCursor-TS-TW\"", "license": "MIT", "deps": [] }, { "name": "dynamic-island", "aliases": ["ios dynamic island", "expanding pill notification", "morphing status pill"], "effect": "iOS-style dynamic island that morphs between compact/expanded states", "library": "cult-ui", "ref": "npx shadcn@latest add \"https://www.cult-ui.com/r/dynamic-island.json\"", "license": "MIT", "deps": ["motion"] }, { "name": "shader-lens-blur", "aliases": ["shader blur hero", "lens blur shader", "liquid blur surface"], "effect": "interactive WebGL lens-blur shader surface", "library": "cult-ui", "ref": "npx shadcn@latest add \"https://www.cult-ui.com/r/shader-lens-blur.json\"", "license": "MIT", "deps": ["motion", "three", "jotai"] }, { "name": "canvas-fractal-grid", "aliases": ["fractal grid background", "animated canvas grid"], "effect": "animated fractal grid canvas background", "library": "cult-ui", "ref": "npx shadcn@latest add \"https://www.cult-ui.com/r/canvas-fractal-grid.json\"", "license": "MIT", "deps": ["motion"] },