Atelier UI

Docs

Overview Builder

Atelier UI docs

Version 0.1.0

Components⁰³

Explore components

Getting started

Quick setup
How to contribute
Code of conduct
Why Atelier?

Cursor effect

Fluid Distortion
Pixel Trail

Background

Magnetic Dot Grid
XXXXXXX

Buttons

XXXXXXX
XXXXXXX

Atelier UI

Pages

Docs Getting started Components Contribute

Social

Github(opens in new tab)Discord(opens in new tab)X(opens in new tab)

Design & Built by Jérémie NalletIn Paris, France 🇫🇷

Atelier UI ©2026 / All rights are reserved.

Atelier UI Docs

Atelier UI is a collection of copy-pasteable open source React components, that aims to serve design engineers and creative developers by providing high quality animations and effects.

Motion
React
Three.js
Tailwind
TypeScript
GreenSock
Motion
React
Three.js
Tailwind
TypeScript
GreenSock
Motion
React
Three.js
Tailwind
TypeScript
GreenSock

Browse the collection

Copy, paste, ship

Animations & effects

Ready in minutes

How to contribute

Code of conduct

Inclusive community

Respect & kindness

Safe for everyone

Community

View on GitHub Star this project Create an issue Edit this page