Introduction

Glint UI is a registry of 354 animated React components. You copy them into your project and own the code.

Not a package

There is nothing to install and keep up to date. Each component is one file you paste into components/ui, or add with the shadcn CLI. Change anything: it is your code now.

Built on shadcn conventions

Components use the standard shadcn theme tokens (bg-background, text-primary, border-border…), so they pick up your theme in light and dark mode without extra setup.

What is inside

Text Animations: 47 components
Animations: 48 components
Backgrounds: 75 components
Components: 85 components
Buttons: 12 components
Micro Interactions: 37 components
UI Primitives: 35 components
Widgets & Mascots: 15 components

Credits

Many effect ideas were inspired by React Bits and ScrollX UI. Their code is not redistributed here: every component in this registry is an original implementation, except those marked with a credit, such as the Calamansi components, which are ported under their MIT license.

Next: Installation →