Premiumhandcraftedreact animations
Atelier UI is a growing collection of quality web animations and creative tools, built with React, TypeScript, Tailwind CSS, Motion, and React Three Fiber.
https://atelier-ui.com/fluid-distortion
Interactive live preview of the Fluid Distortion shader, an Atelier UI component built with React Three Fiber.
motion
react
react-three-fiber
tailwindcss
typescript
AI brings the speedAtelier brings the taste.
Scroll scenes, text effects, WebGL shaders, cursor interactions, and more. The catalog grows every week. Install them with the CLI, prompt your agent, or copy the source.
plan / 01
Community catalog.
$0
- 25+ animated components
- Production-ready, typed React code
- Shared WebGL canvas system
- CLI install, code you own
- MIT licensed, yours forever
- Community support
plan / 02
Get everything, forever.
$49.99
- Everything in the open catalog
- 8 pro-only components, and counting
- Shader Studio, live tuning and export
- Collages, full-page compositions
- Every future pro release included
- One payment, no subscription
assembled with care