Atelier UI

Docs

Overview Builder

Atelier UI docs

Version 0.2.0

Components⁰⁹

Explore components

Getting started

Quick setup
How to contribute
Code of conduct
Why Atelier?

Background Effect

Halftone Glow

Cursor Effect

Fluid Distortion
Image Trail
Liquid Touch
Magnetic Dot Grid
Pixel Trail

Text Effect

Pixelated Text
Simple Scramble

Scroll Effect

Infinite Gallery

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 growing 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
React Three Fiber
Tailwind
TypeScript
Motion
React
React Three Fiber
Tailwind
TypeScript
Motion
React
React Three Fiber
Tailwind
TypeScript

Components

Browse the collection

Copy, paste, ship

Animations & effects

Quick setup

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