Glide UI is a headless component library focused on sleek, micro-interaction-driven UI using Framer Motion.
Glide UI is a headless, lightweight, and accessible UI component library built with React, TypeScript, and Framer Motion.
It focuses on micro-interactions and clean developer experience.
- Accessible and flexible components
- Framer Motion animations built-in
- Tree-shakable and lightweight
- Easy to customize with your own styles
- Type-safe with full TypeScript support
npm install glide-ui
yarn add glide-ui
import { Button, Input, Alert } from "glide-ui";
export default function App() {
return (
<div className="p-4">
<Button>Click Me</Button>
<Input placeholder="Type something..." />
<Alert message="This is an info alert!" type="info" />
</div>
);
}
-
Alert
-
Avatar
-
Badge
-
Breadcrumb
-
Button
-
Checkbox
-
Input
-
Menu
-
Pagination
-
ProgressBar
-
RadioGroup
-
Select
-
Slider
-
Spinner
-
Stepper
-
Switch
-
Table
-
Textarea
-
Toast
-
Typography
Coming soon! (Work in progress 🚧)
We welcome contributions! Please open issues, suggest improvements, or create pull requests.
MIT License.