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/TextClipScroll, codrops/SlideshowAnimations, 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 - Subscription
Slideshow 3D flip
Carousel
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
SVG clip text scroll
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 - Clinical Noir visual system (theme) - near-monochrome ash/steel drained world; amber appears only as event. Neo-grotesque, dolly-smooth, inevitable motionSubscription
Clinical Noir visual system (theme) - near-monochrome ash/steel drained world; amber appears only as event. Neo-grotesque, dolly-smooth, inevitable motion
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing reveals. NET-NEW systemSubscription
Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing 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 - Liquid Chrome visual system (theme) - near-black iridescent ground, chrome-cyan accent, smooth metallic morphs and WebGL distortion. NET-NEW systemSubscription
Liquid Chrome visual system (theme) - near-black iridescent ground, chrome-cyan accent, smooth metallic morphs and WebGL distortion. 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 - Naturalistic Drift visual system (theme) - lived-in slightly-desaturated palette following light, not drama; minimal organic motion, gradual fades. Editorial serifSubscription
Naturalistic Drift visual system (theme) - lived-in slightly-desaturated palette following light, not drama; minimal organic motion, gradual fades. Editorial serif
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Storybook Geometry visual system (theme) - pastel hard-edged colour fields, centered symmetry, snap-quick lateral motion. Geometric displaySubscription
Storybook Geometry visual system (theme) - pastel hard-edged colour fields, centered symmetry, snap-quick lateral motion. Geometric display
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Symmetric Monument visual system (theme) - desaturated classical palette with a single arterial-red accent; geometric caps, glacial metronomic motionSubscription
Symmetric Monument visual system (theme) - desaturated classical palette with a single arterial-red accent; geometric caps, glacial metronomic motion
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Temporal Monument visual system (theme) - chiaroscuro blacks, cold steel highlights, tungsten practicals; deepest layer stack, variable relentless momentum. Gotham displaySubscription
Temporal Monument visual system (theme) - chiaroscuro blacks, cold steel highlights, tungsten practicals; deepest layer stack, variable relentless momentum. Gotham display
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Warm Scrapbook visual system (theme) - found summer palette, affectionate imperfection; quick conversational motion with hand-placed overshoot. Serif display + friendly sansSubscription
Warm Scrapbook visual system (theme) - found summer palette, affectionate imperfection; quick conversational motion with hand-placed overshoot. Serif display + friendly sans
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - FARSIGHTSubscription
FARSIGHT
Landing Page
Atmospheric-sublime.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - VERDANT PRESSSubscription
VERDANT PRESS
Landing Page
Botanical-editorial.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - CONCRETE / ORANGESubscription
CONCRETE / ORANGE
Landing Page
Brutalist-kinetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - SIGNALSubscription
SIGNAL
Landing Page
Data-cinematic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - CHROMASubscription
CHROMA
Landing Page
Liquid-chrome.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - DRIFTSubscription
DRIFT
Landing Page
Naturalistic-drift.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - POLLY & PLOTSubscription
POLLY & PLOT
Landing Page
Storybook-geometry.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in