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

Kind (card, button, other)

Mood

dark (66)light (51)playful (21)calm (10)bold (93)luxury (4)minimal (68)techy (18)organic (2)retro (3)futuristic (10)editorial (10)

Industry

saas (12)ai (3)agency (3)portfolio (3)ecommerce (5)finance (2)gaming (2)food (1)travel (1)media (6)general (209)developer-tools (1)

Style

glassmorphism (8)brutalist (1)gradient (34)neon (6)monochrome (19)3d (13)illustration (3)photographic (8)typographic (10)parallax (7)particles (9)grain (3)dithered (2)terminal (1)

Licence

MIT (225)CC0-1.0 (15)

Source repo

uiverse-io/galaxy (104)xiyu519/MotionVault (35)matinmonshizadeh/animation-handbook (24)superdesigndev/superdesign-prompts (15)educlopez/smoothui (14)motiondesignlv/ReactZero-flow (10)codse/animata (8)studygeorge/parallax-fx (6)cosscom/coss (4)pulkitxm/claude-directory (4)mantinedev/ui.mantine.dev (3)ridelink0/ultimate-frontend-skills (3)kokonut-labs/kokonutui (2)MustBeSimo/web-design-studio (2)untitleduico/react (2)dimeloper/motion-site-kit (1)shadcn-ui/ui (1)SyntaxUI/syntaxui (1)ui-layouts/uilayouts (1)

Page 1 of 5 · 240 items · 48 on this page

2 across

Crimson mill supply card h61
Card
Subscription
"Millstone Craft" digital visiting card for a fictional heritage stone-mill flour/grain/spice supplier — a vertical, mobile-first tap-to-contact page stacking a marquee-ticker brand hero, a sage WhatsApp + terracotta Call contact grid, a four-up product showcase, a split flagship-store location card, and an hours/footer strip, each as a soft-shadowed cream card revealed on scroll; warm paper canvas, crimson + wheat-gold accents, condensed Oswald display over Inter Tight, real tel/wa.me/mailto/maps links, fonts and product imagery vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Lumen aurora vcard h62
Card
Subscription
"Lumen Aurora" personal digital visiting card for a fictional creative technologist — one frosted-glass card floating over a slow living aurora of drifting violet/teal/rose blobs with film-grain and vignette, stacking a meta bar with a live local clock, an avatar-ring hero with a pulsing emerald "available" status, a short first-person bio with mono tag chips, a three-up email/call/WhatsApp action grid, a five-up social row, and an amber "Save contact" button that generates a vCard 3.0 `.vcf` blob client-side plus a "Copy link" toast; cinematic near-black palette, Fraunces display serif over Geist + Geist Mono, pointer parallax with specular sheen, staggered reveal, real mailto/tel/wa.me links, all fonts and portrait vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grainy gradient ripple card
Card
Subscription
Shadcn integration of the brief's verbatim `gradient-shader-card` — a grainy 7-stop gradient (domain-warped value noise + 3D simplex grain + overlay film grain) rendered on a single React-Three-Fiber quad that ripples where you tap it — dropped into `@/components/ui` and framed as the "Chroma Foundry" pigment-lab console: a rail with the exact 7 hex stops the shader mixes, five faders promoting the baked `noise*`/`waveNoise*` constants to live uniforms, named patches (Foundry/Silk/Marble/Static/Tide), click-to-ripple with tactile DOM markers, and a telemetry strip reading the shader's own clock + live ripple count off the GPU loop; fonts vendored locally, headless WebGL + interaction verification (9/9).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
DepthFigure - A foreground image card held in depth
DepthFigure - A foreground image card held in depth
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
TiltCard - A card that tilts up to ~8 degrees in 3D toward the pointer with an opacity-only specular sheen
Card
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
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
Swipe to Dismiss - Drag a card past a threshold and it flies off as the row collapses
Card
Subscription
Pointer-driven, touch-ready.
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
Parallax 3D Tilt - CSS perspective + rotateX/Y follows mouse
Card
Subscription
A shine highlight tracks the virtual light source.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glassmorphism Animated - backdrop-filter: blur() over animated gradient blobs
Card
Subscription
Three frost variants.
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
3D Flip Card - A card rotates in 3D to reveal its back face using preserve-3d, perspective, and backface-visibility
Card
Subscription
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
Dashboard cards parallel entrance
Dashboard cards parallel entrance
Card
Subscription
@reactzero/flow parallel 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
Product showcase timeline
Product showcase timeline
Card
Subscription
@reactzero/flow timeline 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
Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)
Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)
Card
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
Spotlight - soft light that follows the pointer across a card (React)
Spotlight - soft light that follows the pointer across a card (React)
Card
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

Page 1 of 5 · 240 items · 48 on this page