{"repo":"whatisjery/atelier-ui","free":true,"listed":false,"github":"https://github.com/whatisjery/atelier-ui","clone":"git clone https://github.com/whatisjery/atelier-ui.git","description":"A registry of WebGL and motion components for React.","language":"TypeScript","stars":14,"topics":["animation-library","css","motion","nextjs","react","shaders","taiwlindcss","ui-library","webgl","awwwards"],"license":"MIT","category":"ui-components","readme_excerpt":"Atelier UI 🎨 What is Atelier UI? Atelier (French for workshop) is a Motion and React Three Fiber component system, built for React and Next.js. You copy the source into your project and own it. ✨ Features - It's your code. Components are copied into your project and remain fully customizable. - Ready-made effects. Backgrounds, text animations, cursor interactions, scroll effects, and page transitions. - A real WebGL system. Components share a single canvas and stay aligned to the DOM. - Built for React 19 + Tailwind v4. Works with Next.js, Vite, or any React setup. Page transitions are the exception and need Next.js 15.3 or later. 📦 Install Add any component by name: This copies the source into your project, pulls in anything shared, and installs the dependencies it needs. Most components are free and MIT. Some need a license key, set as ATELIER PRO KEY in .env.local , and install with the same command. ⚙️ How it works Every component plugs into three shared systems, mounted once in your root layout. - One WebGL provider. Every WebGL component renders into a single . Textures, shaders and post-processing are shared, so adding an effect doesn't add a context. - One Smooth Scroll provider. Lenis runs on the same Motion loop that renders the canvas, so WebGL effects stay aligned to the DOM at any scroll speed. - One transition system. TransitionPage wraps the route content, TransitionLink triggers the change. Every install also writes a skill file that tells your coding agent ","default_branch":null,"files":null,"tree":[],"storefront":"/r/whatisjery","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/whatisjery/atelier-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}