Atelier UI

  1. Docs
OverviewBuilder
wip
Changelogs
wip
Atelier UI docs

Version 0.1.0

Components03

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

(0.1.0)

Pages

DocsGetting startedComponentsContribute

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
Components
Browse the collection
 • 
Copy, paste, ship
 • 
Animations & effects
Quick setup
Tailwind CSS
 • 
Copy & paste
 • 
Ready in minutes
How to contribute
Add components
 • 
Fix bugs
 • 
Improve docs
Code of conduct
Inclusive community
 • 
Respect & kindness
 • 
Safe for everyone
Community
View on GitHubStar this projectCreate an issueEdit this page