Atelier UI

(0.2.0)
  1. Docs
  2. /
  3. Components
OverviewBuilder
wip
Changelogs
wip
Atelier UI docs

Version 0.2.0

Components10

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
  • Infinite Parallax

Atelier UI

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.

Components

Browse every component available in Atelier UI. Each one comes with a live preview, source code, and installation guide.

Background Effect

New

Halftone Glow

WebGL
 • 
Shader
 • 
Glow
 • 
Halftone

Cursor Effect

Updated recently

Fluid Distortion

WebGL Effect
 • 
React Three Fiber
 • 
Fluid distortion
New

Image Trail

Cursor Effect
 • 
Cursor Trail
 • 
Motion
New

Liquid Touch

WebGL
 • 
Shader
 • 
Cursor Interaction
 • 
Displacement
 • 
Ripple
New

Magnetic Dot Grid

Canvas Effect
 • 
Cursor Interaction
 • 
Dot Grid
Updated recently

Pixel Trail

Canvas Effect
 • 
Cursor Trail
 • 
Image Sampling

Text Effect

New

Pixelated Text

Canvas
 • 
Animation
 • 
Glitch
 • 
Text
New

Simple Scramble

Animation
 • 
Text
 • 
Scramble

Scroll Effect

New

Infinite Gallery

Scroll Effect
 • 
Carousel
 • 
Physics
 • 
3D Transform
 • 
Gallery
New

Infinite Parallax

Scroll Effect
 • 
Parallax
 • 
Auto Scroll
 • 
Motion
 • 
Lenis
Community
View on GitHubStar this projectCreate an issueEdit this page