Open Source Component Library

Build stunning UIs
at sniper speed.

Premium, animated React components built with Tailwind CSS and Framer Motion. Copy, paste, and ship.

Browse ComponentsGitHub
npx sniper-ui add magnetic-button
3+
Components
100%
TypeScript
0
Dependencies
MIT
License
Why choose us

Designed for developers

No npm install. No config files. Just copy the code you need and start building.

Copy & Paste
Self-contained components. Copy the source directly into your project — zero package installs.
Animated by Default
Powered by Framer Motion. Smooth, performant animations baked into every interaction.
Fully Customizable
Built on Tailwind CSS and shadcn/ui patterns. Every component is yours to extend.
Component Library

Components

Explore the collection. More components added regularly.

Buttons
Magnetic Button
A button that magnetically follows the cursor on hover.
View Component
Cards
Glow Card
A card with an animated glow border effect on hover.
View Component
Text Effects
Text Reveal
Text that reveals character-by-character on scroll.
View Component
Text Effects
Lightning Text
Text with Lightning effect animation .
View Component
Text Effects
Wave Text
Text with center Wave effect animation .
View Component

Ready to build?

Start using Sniper UI components in your project today. Free and open source, forever.

Get StartedStar on GitHub