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

Kind (notification, text-effect, app-screen)

Mood

dark (50)light (36)playful (7)calm (8)bold (15)luxury (1)minimal (26)techy (10)retro (7)futuristic (5)editorial (9)

Industry

saas (18)ai (2)ecommerce (1)finance (3)health (2)gaming (2)media (3)general (55)developer-tools (2)

Style

glassmorphism (2)neumorphism (1)brutalist (1)gradient (15)neon (6)monochrome (6)3d (3)photographic (1)typographic (42)bento (1)particles (2)dithered (1)terminal (5)

Licence

MIT (65)CC0-1.0 (18)

Source repo

matinmonshizadeh/animation-handbook (20)superdesigndev/superdesign-prompts (18)xiyu519/MotionVault (12)tremorlabs/tremor-blocks (11)cosscom/coss (3)educlopez/smoothui (3)pulkitxm/claude-directory (3)SyntaxUI/syntaxui (2)codrops/OnScrollTypographyAnimations (1)codrops/ScrollBlurTypography (1)codrops/ScrollTextMotion (1)codrops/TextClipScroll (1)codse/animata (1)kokonut-labs/kokonutui (1)mantinedev/ui.mantine.dev (1)motiondesignlv/ReactZero-flow (1)MustBeSimo/web-design-studio (1)studygeorge/parallax-fx (1)tsparticles/tsparticles (1)

Page 1 of 2 · 83 items · 48 on this page

2 across

Vertical clip text slide
Text Effect
Subscription
A single-screen motion study of a vertical text-clip, letter-by-letter slide-down — each glyph of a giant Space Grotesk headline ("MOTION / IN EVERY / LETTER.") is wrapped in an overflow-hidden vertical clip column and pours down from above (translateY(-110%)→0) with an opacity + blur(6px)→0 settle, staggered 70ms per letter continuously across all lines on a cubic-bezier(.22,1,.36,1) expo-out, then auto-loops with a 2.2s hold and a Replay button; near-black #0b0b0c canvas with off-white #f4f2ec type, JetBrains Mono chrome, a warm #e8552d accent, a 4% fractal-noise grain overlay, and a reduced-motion fallback; fonts vendored, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated hud targeting ui
App Screen
Subscription
Shadcn/ui integration of the verbatim `TargetingUI` + `HudFrame` primitives — an animated SVG targeting reticle inside a chamfered, notched clip-path frame — driven as a live avionics fire-control display: a `SCANNING → ACQUIRING → TRACKING → LOCKED` acquisition state machine re-tints and re-draws the reticle per phase over vendored recon stills, with a scrolling bearing tape, a pitch/roll horizon ladder, four bracketed corner readouts of easing tabular-num telemetry, a sensor sweep, and L-brackets that snap shut on lock with an amber flash; cold cyan/white instrument palette with one reserved amber lock accent, fonts + images vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Terminal cli control deck
App Screen
Subscription
"ACME Control Deck" infrastructure panel built in a phosphor-green Terminal CLI design system — centralized tokens, composable windows/panes, ASCII art logo, typewriter headline, raw-data ASCII progress meters, a live syslog feed, an interactive zsh console, a box-less access form, and a subtle CRT scanline overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
KineticHeadline - A heading that splits into per-word, per-line spans which stagger in on transform + opacity as it enters view (split-line-rise vocabulary), reading as one acces
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Text Fill on Scroll - A pinned paragraph fills word by word as you scroll
Text Effect
Subscription
Pause mid-read, scroll back and it un-reads.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slide Up Reveal - Text rises from below its clip boundary
Text Effect
Subscription
TranslateY method vs clip-path inset, identical visual result.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Split Text Reveal - Text split into chars, words, or lines
Text Effect
Subscription
Each piece staggers with --index CSS transition-delay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Letter-by-Letter Stagger - CSS transition-delay cascade per letter, or JS typewriter mode with a blinking cursor
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Word-by-Word Reveal - Words animate sequentially at 80–120ms per word
Text Effect
Subscription
The readable stagger speed for taglines.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Kinetic Typography - Phrases enter, transform, and exit in a choreographed timeline
Text Effect
Subscription
Motion reinforces meaning.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Typewriter Effect - Characters appear one at a time with a blinking cursor
Text Effect
Subscription
Natural timing variance makes it feel human.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scramble / Glitch Text - Characters cycle randomly before locking left-to-right
Text Effect
Subscription
Decryption and sci-fi aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Variable Font Morph - CSS font-variation-settings animates weight, slant, and casual axes of a variable font
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Text Clip-Path Reveal - Lines reveal via expanding clip-path mask
Text Effect
Subscription
Preserves kerning and typographic spacing exactly.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Marquee / Ticker - Continuous horizontal scroll with seamless loop
Text Effect
Subscription
Duplicated content makes the reset invisible.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Text Morphing - One word transitions into another character by character
Text Effect
Subscription
Each letter slides out as the next slides in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Text Gradient Animation - background-clip: text with animated background-position flows color through the characters
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Outline to Fill - Hollow stroke letterforms fill with color
Text Effect
Subscription
Clip-path reveal or opacity crossfade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Enter/Exit Typography - Three-act phrase lifecycle: enter → hold → exit, sequenced for storytelling
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Rotate Word Carousel - One keyword cycles through a list while the surrounding sentence stays static
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glitch Text - RGB-split copies jitter behind animated clip-path slices
Text Effect
Subscription
The datamosh / signal-loss aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Text on a Path - Text flows along an SVG curve via textPath with an animated startOffset
Text Effect
Subscription
Wave, arc, or circle.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Wavy Text - Per-letter sine-wave bob with a staggered delay sends a wave travelling across the word
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chromatic Aberration - RGB channels offset via mix-blend-mode: screen
Text Effect
Subscription
Static, pulse, and glitch modes.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Onboarding wizard
Onboarding wizard
App Screen
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
TextReveal - text arriving word by word or letter by letter (React)
TextReveal - text arriving word by word or letter by letter (React)
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
AI System Configuration Console
AI System Configuration Console
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Calendar UI: Warm Editorial Week Planner
Calendar UI: Warm Editorial Week Planner
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Card Grid Browse
Card Grid Browse
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Claymorphism Mobile App: Pastel Habit Tracker Home
Claymorphism Mobile App: Pastel Habit Tracker Home
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Counter
Counter
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Editorial Music Player (Now Playing)
Editorial Music Player (Now Playing)
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fintech Wallet
Fintech Wallet
App Screen
Subscription
Mobile Home Screen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gesture First Navigation System
Gesture First Navigation System
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Rolodex Text
Rolodex Text
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sectioned Index Page
Sectioned Index Page
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shiny Text
Shiny Text
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UI
Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UI
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tablekit
Tablekit
App Screen
Subscription
The data table your team actually wants to live in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Typing animation
Typing animation
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Volt
Volt
App Screen
Subscription
Electric-Lime Fitness Dashboard.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Warm Terracotta AI Chat Interface
Warm Terracotta AI Chat Interface
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Workspace Settings · Formcraft (two-column, cobalt)
Workspace Settings · Formcraft (two-column, cobalt)
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Focus blur text reveal
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll typography set
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle text emitter
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll text motion
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 2 · 83 items · 48 on this page