NewText, cursor and WebGL effectsInterfaces that
Interfaces that
354 animated React components: text effects, cursors, WebGL backgrounds, UI and mascots. Copy one, paste it, make it yours.
$npx shadcn@latest add @glint-ui/split-text
- components
- 0
- components
- categories
- 0
- categories
- lock-in
- 0
- lock-in
Decrypted Text
hover to decryptCount Up
+0
Magnet
Pull me
Boop it · drag side to side to pet · poke it five times
Categories
Everything that moves
Why it's different
Yours from the first paste
Copy, paste, own it
One file per component. No package, no version lock, no wrapper API to learn.
shadcn native
Install with the shadcn CLI. Uses the same theme tokens, so it matches your app in light and dark.
Fast by default
Canvas and WebGL effects pause offscreen, cap pixel ratio and respect reduced motion.
Accessible
Real text for screen readers, keyboard support on interactive pieces, visible focus.
tilt-card.tsx
Tilt Card
Hover me. This is the same file you would copy.
Stop shipping static interfaces.
Copy a component, paste it in, make it yours. Free, open source, no package to keep updated.