Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
3 changes: 2 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -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)
Expand Down Expand Up @@ -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 |
Expand Down
1 change: 1 addition & 0 deletions components.json
Original file line number Diff line number Diff line change
Expand Up @@ -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"] },
Expand Down