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

Kind (notification, text-effect, features)

Mood

dark (39)light (21)playful (6)calm (4)bold (15)minimal (17)techy (8)retro (5)futuristic (4)editorial (12)

Industry

saas (7)agency (1)ecommerce (1)gaming (2)media (1)general (56)developer-tools (1)

Style

glassmorphism (2)gradient (15)neon (3)monochrome (3)3d (3)illustration (1)photographic (2)typographic (43)bento (2)particles (2)terminal (2)

Licence

MIT (63)CC0-1.0 (4)

Source repo

Page 1 of 2 · 67 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
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
Section: blueprint - hand-drawn technical SVG + copy. Replace the path with the real object.
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: stats - two or three numerals in the display face
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: cards-rail - frosted cards on a photographic ground
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: services - hairline-separated rows; the editorial answer to a card grid
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: steps - numbered process, 01 / 02 / 03 - only if order really matters
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: spec - specification table
Features
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
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
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
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
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
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
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
Glitch headline
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CRT arcade text
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SVG clip text scroll
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated beam hub
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Field map feature
Features
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gravity letters
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Perspective text 3D
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Exploding letters
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Spatial product showcase
Spatial product showcase
Features
Subscription
Shadcn/ui integration of the verbatim `EarbudShowcase` component — a spatial-audio "Sonar Spatial" product stage that mirrors its whole layout when you flip between the Left and Right earbud, with a per-side blue/emerald glow, a rotating dashed ring and floating product shot, animated feature meters, live connection/battery telemetry, and a Dynamic-Island-style segmented switcher; earbud PNGs vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Banner (variant 302)
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Banner (variant 303)
Notification
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 · 67 items · 48 on this page