at
mixedReact
@atelier
A WebGL and Motion system for React that runs many effects on one shared canvas. Shader, cursor, scroll and text effects, 3D galleries, plus page transitions for Next.js. Built with Three.js, React Three Fiber, Motion, and Lenis smooth scroll.
Add to components.json
In catalog"registries": {
"@atelier": "https://www.atelier-ui.com/r/{name}.json"
}Then npx shadcn@latest add @atelier/<item> — every tile below copies its own command.
3 items · 3 run live as they reach the viewport