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
Kind
Mood
Industry
Style
Licence
Source repo (codrops/OnScrollTypographyAnimations, studygeorge/parallax-fx, MustBeSimo/web-design-studio)
- Subscription
PinnedReveal - Staggered eyebrow → title → summary reveal as a chapter enters view
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - HeroParallax - A hero "tracking shot" whose graded depth planes (far/back/mid/near) translate at different scroll rates so the frame reads as deep space, with a split-line titSubscription
HeroParallax - A hero "tracking shot" whose graded depth planes (far/back/mid/near) translate at different scroll rates so the frame reads as deep space, with a split-line tit
Hero Section
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 depthSubscription
DepthFigure - A foreground image card held in depth
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
TiltCard - A card that tilts up to ~8 degrees in 3D toward the pointer with an opacity-only specular sheen
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
MorphBackground - A scroll chapter whose background morphs between a warm and a cool palette by crossfading two stacked full-bleed gradient layers via opacity
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
HorizontalGallery - A sticky section that converts vertical scroll progress into horizontal translateX of a keyboard-focusable card track on desktop, degrading to native horizontal
Gallery
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
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
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
MagneticCursor - A custom cursor dot that rAF-lerps toward the pointer and snaps toward real focusable magnetic targets on hover, gated to fine pointers and disabled (native cur
Cursor
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
ATELIER NOCTURNE
Landing Page
We shape light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Vanta Labs
Landing Page
Clarity in the dark · a forensic console.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
AUREUS
Landing Page
Digital Wealth, Managed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Maison Solenne
Landing Page
One Day of Light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
VANTASCOPE
Landing Page
HOLLOW STAR · a signal climbing out of the noise floor.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
BLOOM
Landing Page
Your day, but make it fun.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Classic Touch
Landing Page
The Renaissance Edition.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
NOVADECK
Landing Page
System 2000.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Keepsake
Landing Page
Summers you can hold.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
NATURALLY ROOTED
Landing Page
Field Apothecary.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
AUREUS
Landing Page
Into the Vault (Scroll-Scrubbed Chrome Flight).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
OBSIDIAN
Landing Page
Crystalline Monolith.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
AETHER
Landing Page
Volumetric Atmosphere Engine.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
NEXUS · IMMERSIVE LAB
Landing Page
Spatial Computing Studio.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
KERN
Landing Page
Precision Calibration Unit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Maya Torres
Landing Page
Creative Director · The Cut.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
FIELD
Landing Page
An instrument for looking closer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cinematic Scroll Effects Lab - six text treatments, magnetic/depth surfaces, four shader presets on the shared runtime
Landing Page
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)Subscription
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
Component
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)Subscription
Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)
Card
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)Subscription
Magnetic - button that leans toward the pointer as it approaches (React)
Button
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)Subscription
Spotlight - soft light that follows the pointer across a card (React)
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ImageTrail - trail of images spawned by pointer distance (React)Subscription
ImageTrail - trail of images spawned by pointer distance (React)
Cursor
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)Subscription
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cursor - ring cursor that trails the pointer and swells over links (React)Subscription
Cursor - ring cursor that trails the pointer and swells over links (React)
Cursor
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ScrollParallax - anything, moved at a given scroll speed (React)Subscription
ScrollParallax - anything, moved at a given scroll speed (React)
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - KenBurns - slideshow where each photo pushes in and drifts (React)Subscription
KenBurns - slideshow where each photo pushes in and drifts (React)
Gallery
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)Subscription
CurtainReveal - moving mask that uncovers an element on entry (React)
Entrance
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - StickyScrub - section that pins while you scroll and exposes its progress (React)Subscription
StickyScrub - section that pins while you scroll and exposes its progress (React)
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - CardStack - cards that pin one after another and settle into a stack (React)Subscription
CardStack - cards that pin one after another and settle into a stack (React)
Scroll Effect
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)Subscription
TextReveal - text arriving word by word or letter by letter (React)
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ScrollProgress - bar that fills with the page or one article (React)Subscription
ScrollProgress - bar that fills with the page or one article (React)
Scroll Effect
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)Subscription
Marquee - endless ticker that never touches the frame loop (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - parallax-fx build prompts - one assistant prompt per effect (16) describing how to build it into your own components, as shown on the demo siteSubscription
parallax-fx build prompts - one assistant prompt per effect (16) describing how to build it into your own components, as shown on the demo site
Prompt
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll typography set
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Web Design Studio design contract + DTCG tokens (color, type, spacing, motion)Subscription
Web Design Studio design contract + DTCG tokens (color, type, spacing, motion)
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Atmospheric Sublime visual system (theme) - warm-dust/cold-steel duality, vast negative space, glacial-then-sudden reveals from haze. Thin neo-grotesqueSubscription
Atmospheric Sublime visual system (theme) - warm-dust/cold-steel duality, vast negative space, glacial-then-sudden reveals from haze. Thin neo-grotesque
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Botanical Editorial visual system (theme) - warm paper, deep leaf-green accent, editorial serif, gentle organic reveals. NET-NEW systemSubscription
Botanical Editorial visual system (theme) - warm paper, deep leaf-green accent, editorial serif, gentle organic reveals. NET-NEW system
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Brutalist Kinetic visual system (theme) - raw concrete grays, one safety-orange accent, monospace everything, hard mechanical motion. NET-NEW systemSubscription
Brutalist Kinetic visual system (theme) - raw concrete grays, one safety-orange accent, monospace everything, hard mechanical motion. NET-NEW system
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in