Imported library

v0.1 · Phase 0

Imported library

3427 items in the library.

This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages. Sign in

Has preview (118)Clear filters

Kind (navbar, other, button)

Mood

dark (42)light (28)playful (12)calm (1)bold (50)luxury (1)minimal (57)techy (11)organic (1)futuristic (4)editorial (10)

Industry

saas (11)ai (3)agency (2)portfolio (1)ecommerce (1)media (4)general (126)

Style

glassmorphism (3)brutalist (1)gradient (11)neon (3)monochrome (14)illustration (3)photographic (4)typographic (9)parallax (3)particles (5)

Licence

MIT (131)CC0-1.0 (14)

Source repo

uiverse-io/galaxy (53)matinmonshizadeh/animation-handbook (22)superdesigndev/superdesign-prompts (14)xiyu519/MotionVault (14)educlopez/smoothui (9)motiondesignlv/ReactZero-flow (9)cosscom/coss (6)ridelink0/ultimate-frontend-skills (4)studygeorge/parallax-fx (4)mantinedev/ui.mantine.dev (3)codse/animata (2)shadcn-ui/ui (2)dimeloper/motion-site-kit (1)SyntaxUI/syntaxui (1)untitleduico/react (1)

Page 1 of 4 · 145 items · 48 on this page

2 across

Section: nav - fixed header, transparent over the hero, frosted after it
Navbar
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: index - table of contents with dot leaders
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: manifesto - eyebrow + two-line serif statement + one narrow paragraph
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: faq - accordion, native details/summary
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scrollspy Navigation - A nav rail tracks the section in view with a sliding indicator
Navbar
Subscription
The docs-site pattern.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hover State Animation - Six hover techniques side by side
Button
Subscription
Color shift, scale, lift, underline grow, icon nudge, and background sweep.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Click / Tap Ripple - Ripple emanates from the exact click point
Button
Subscription
Material Design's tactile confirmation pattern.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Button Press Scale - Scales to 0.95 on press, springs back on release
Button
Subscription
Asymmetric timing gives a tactile feel.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnetic Button - Button leans toward the cursor within a radius, label lagging for parallax
Button
Subscription
Springs home on exit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heart / Like Burst - Tap pops and fills the heart while small hearts burst outward on canvas
Button
Subscription
Twitter-style like.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Success Confetti - Completing an action fires a canvas confetti burst
Button
Subscription
Rotating rectangles with gravity and spin.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Checkmark Draw - SVG path draws progressively on success
Component
Subscription
Stroke-dashoffset animates from full length to zero.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Notification Badge Pulse - Dot on icon pulses to draw peripheral attention
Component
Subscription
Scale, halo, or both.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tooltip Reveal - Info box fades in after a 300ms delay
Component
Subscription
Long enough to avoid triggering on mouse pass-through.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Drawer / Panel Slide - Off-canvas panel slides from edge
Component
Subscription
Ease-out open, ease-in close. Backdrop dismisses.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal Expand - Modal scales from the trigger button's position
Component
Subscription
Transform-origin set to where you clicked.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Accordion Open/Close - Height animates between 0 and auto
Component
Subscription
JS measured height vs CSS grid-template-rows compared.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hamburger Menu Toggle - The bars icon morphs to an X
Navbar
Subscription
Top and bottom bars rotate to cross while the middle fades out.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme Toggle Morph - A sun morphs into a crescent moon as the interface flips between light and dark
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Copy to Clipboard - The copy button swaps to a checkmark and a Copied confirmation, then reverts after a moment
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Toast Notification - Notification cards slide in from a corner, stack, and auto-dismiss with a progress bar
Component
Subscription
Swipe or click to dismiss.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Segmented Control - A highlighted pill slides beneath the selected segment as the active label crossfades
Button
Subscription
The iOS control.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pull to Refresh - Dragging past the top reveals a spinner that fills with distance; release past the threshold to refresh
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
2.5D / Pseudo-3D - Seven depth layers parallax at different rates
Component
Subscription
Mouse-driven or auto-panning camera.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cloth Simulation - Verlet integration + distance constraints
Component
Subscription
Draggable flag responds to gravity and wind.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Morphing Blob - Metaball circles fused by an SVG blur-plus-contrast filter melt like liquid
Component
Subscription
The blob drifts and a droplet chases the pointer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Accessibility-aware animation demo
Accessibility-aware animation demo
Component
Subscription
@reactzero/flow composition example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal with backdrop
Modal with backdrop
Component
Subscription
@reactzero/flow composition example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Competing animations (race)
Competing animations (race)
Component
Subscription
@reactzero/flow race example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heartbeat monitor loop
Heartbeat monitor loop
Component
Subscription
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pulsing notification
Pulsing notification
Component
Subscription
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Toast cascade
Toast cascade
Component
Subscription
@reactzero/flow sequence example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Nav menu items stagger
Nav menu items stagger
Navbar
Subscription
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Auto-dismiss toast
Auto-dismiss toast
Component
Subscription
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Countdown timer
Countdown timer
Component
Subscription
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Page kit - 34 composable section families (hero-cinematic, stat-stack, work-rail, visual-chapters, image-comparison, project-index, ...) with a planner, four complete page recipes (studio, product, hospitality, exhibition) and a catalog/preview UI
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnetic - button that leans toward the pointer as it approaches (React)
Magnetic - button that leans toward the pointer as it approaches (React)
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Marquee - endless ticker that never touches the frame loop (React)
Marquee - endless ticker that never touches the frame loop (React)
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cinematic Editorial Newsletter Email
Cinematic Editorial Newsletter Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cinematic Grayscale Newsletter Email
Cinematic Grayscale Newsletter Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Coral Gradient Product-Launch Email
Coral Gradient Product-Launch Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Editorial Serif Receipt Email
Editorial Serif Receipt Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Folded-Paper Club Invite Email
Folded-Paper Club Invite Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glow Cursor Button
Glow Cursor Button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Interactive Folder
Interactive Folder
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Light Beam Button
Light Beam Button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 4 · 145 items · 48 on this page