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 (106)Clear filters

Kind (input, entrance)

Mood

dark (19)light (16)playful (5)bold (21)minimal (72)techy (3)editorial (3)

Industry

saas (6)ai (2)agency (1)portfolio (1)ecommerce (2)finance (3)media (1)general (98)

Style

gradient (4)monochrome (3)3d (1)illustration (1)typographic (1)

Licence

Source repo

uiverse-io/galaxy (30)cosscom/coss (14)educlopez/smoothui (10)matinmonshizadeh/animation-handbook (10)shadcn-ui/ui (10)untitleduico/react (9)chakra-ui/zag (6)mantinedev/ui.mantine.dev (5)kokonut-labs/kokonutui (2)motiondesignlv/ReactZero-flow (2)tremorlabs/tremor-blocks (2)xiyu519/MotionVault (2)codrops/CircularTextEffect (1)codrops/GridFlowEffect (1)shoelace-style/webawesome (1)studygeorge/parallax-fx (1)SyntaxUI/syntaxui (1)ui-layouts/uilayouts (1)withmehmet/mogp-motion (1)

Page 1 of 3 · 109 items · 48 on this page

2 across

Fade In / Fade Out - Opacity 0 → 1 enter, 1 → 0 exit
Entrance
Subscription
The compositor handles this without re-painting.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slide In - Translates from an off-screen edge into final position
Entrance
Subscription
With or without simultaneous fade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scale In / Zoom In - Scales from a small start value to 1.0
Entrance
Subscription
Transform-origin controls where the pop expands from.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clip-Path Reveal - A shape mask expands to uncover the element
Entrance
Subscription
Content is always rendered, just progressively visible.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Curtain Reveal - A colored bar slides over content then off the other side
Entrance
Subscription
The reveal is hidden then exposed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Blur In - Fades in while reducing blur
Entrance
Subscription
Mimics camera focus pulling. Best on single hero elements.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flip In - Rotates from a flat plane into view using CSS 3D perspective
Entrance
Subscription
Perspective on the parent is the key.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bounce In - Overshoots final position then springs back
Entrance
Subscription
Explicit @keyframes waypoints, not easing alone.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Rotate In - Spins while entering
Entrance
Subscription
Best on radially-symmetric shapes like icons, stars, and gears.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SVG Path Animation - stroke-dashoffset reveals three SVG drawings
Entrance
Subscription
Icon, signature, and logo mark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
MOGP Motion - CSS-only scroll-triggered animations (fade, scale-up, slide-up, slide-down)
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Choreographed entrance
Choreographed entrance
Entrance
Subscription
@reactzero/flow delay example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid stagger reveal
Grid stagger reveal
Entrance
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
CurtainReveal - moving mask that uncovers an element on entry (React)
CurtainReveal - moving mask that uncovers an element on entry (React)
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Send halo
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Circular text intro
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid flow intro
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Angle slider
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cascading select
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Combobox
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Date picker
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Inline editable text
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Listbox
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Input: helper (variant 03)
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Radio: rating filter
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Card number input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Card expiry input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Calendar & Date picker: collapsible (variant 504)
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Calendar & Date picker: button (variant 507)
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
File upload: multiple files with list
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Textarea: helper (variant 61)
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Textarea (variant 72)
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Autocomplete Component
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Calendar with 24-hour autocomplete time input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Price range slider with histogram
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Select Component
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
AI Prompt Composer
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated file upload
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scrub number input with rolling digits
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated OTP input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Tag Picker
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Checkbox
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Duration Picker Input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tick Ruler Slider with Progress Ring
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Radio Group
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Select
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
AI Search Input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated file upload
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 3 · 109 items · 48 on this page