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

Kind (other, tabs, chart)

Mood

dark (39)light (31)playful (6)calm (1)bold (4)luxury (1)minimal (71)techy (14)organic (1)retro (1)editorial (9)

Industry

saas (34)ai (4)agency (2)portfolio (1)ecommerce (1)finance (7)health (1)media (4)general (59)developer-tools (2)

Style

brutalist (1)gradient (9)neon (1)monochrome (8)illustration (2)photographic (4)typographic (8)parallax (3)particles (1)dithered (1)

Licence

MIT (93)CC0-1.0 (11)

Source repo

shadcn-ui/ui (14)matinmonshizadeh/animation-handbook (11)superdesigndev/superdesign-prompts (11)educlopez/smoothui (10)codse/animata (9)tremorlabs/tremor-blocks (9)motiondesignlv/ReactZero-flow (8)untitleduico/react (7)cosscom/coss (6)xiyu519/MotionVault (6)mantinedev/ui.mantine.dev (3)ridelink0/ultimate-frontend-skills (3)studygeorge/parallax-fx (3)chakra-ui/zag (1)dimeloper/motion-site-kit (1)kokonut-labs/kokonutui (1)SyntaxUI/syntaxui (1)

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

2 across

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
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
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
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
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
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
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
Modal Design · success-celebration (pastel)
Modal Design · success-celebration (pastel)
Component
Subscription
Legibility fixed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal Design · success-celebration (pastel)
Modal Design · success-celebration (pastel)
Component
Subscription
Legibility fixed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Movie-Poster Film Premiere Invite Email
Movie-Poster Film Premiere Invite Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Questions, Set in Serif
Questions, Set in Serif
Component
Subscription
An Editorial FAQ.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Red-on-Cream Editorial Announcement Email
Red-on-Cream Editorial Announcement Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Morph pill card
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glow ring buttons
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Dithered chart
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gooey blob tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ambient glow stage
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fluid Indicator Tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tabs (variant 427)
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tabs (variant 428)
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tabs (variant 429)
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Artifact Preview and Code Frame
Tabs
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 · 104 items · 48 on this page