Product Design
Beginner4 usesOriginkit — Free Animated Component Library
A free (in beta) animated component library with 45+ components: Tornado, Water Button, Electric Border, Spin Image, Spiral Images, Wave Arcs, Text Wave, Spring Text, Particle Tunnel, Globe, Pixel Drift, Magnetic Carousel, Click Effects, Pixel Card, Curved Marquee, Black Hole, Chromatic Waves, and more. Copy-paste animated primitives for modern web interfaces.
animationcomponentsreactfrontendfreelibrary
📋
Spec
Originkit — Free Animated Component Library
A free (currently in beta) library of 45+ animated, copy-paste components for modern web interfaces.
What's included (selection)
- Tornado — swirling animated visual
- Water Button — liquid-press button
- Electric Border — charged border effect
- Spin Image — rotating image reveal
- Spiral Images — spiraling image gallery
- Wave Arcs — animated arc waves
- Text Wave — text that ripples
- Spring Text — springy text motion
- Particle Tunnel — depth-particle tunnel
- Particle Sphere / Globe — 3D particle shapes
- Pixel Drift / Pixel Card / Pixel Tetris — pixel-art primitives
- Magnetic Carousel — magnetically-snapping carousel
- Click Effects — click-feedback bursts
- Curved Marquee — curved scrolling text
- Character Waves / Blinking Squares / Shiny Pill
- Spotlight Text / Text Path / Dust Text Reveal
- Image Fold / Image Flipper / Flip Gallery
- ASCII Reveal / ASCII Flame / Emoji Particle
- Cosmic Orb / Black Hole / Gallery Tunnel
- Chromatic Waves / Reactive Lines / Line Ripple Background
- Coverflow Gallery / Infinity Canvas / User Cursor
- Grid Hole / Mesh Text Hover / Hover Image Reveal
- Dynamic Weight / Weight Hover / Link Preview
How to use
Browse the gallery, pick a component, view its page for install/usage details, and copy it into your project. Every component has a live preview and poster image.
Status
Beta — suggest improvements via the site. Free to use.
