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/OnScrollLayoutFormations, imMamdouhaboammar/creative-agent-pack, 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 - creative-web-experiences - router skill that classifies an interactive 3D web brief into one of eight modes (image-sequence, video-seeking, 2.5D, realtime-3D, geospatial, volumetric, WebXR, hybrid) with 18 referencesSubscription
creative-web-experiences - router skill that classifies an interactive 3D web brief into one of eight modes (image-sequence, video-seeking, 2.5D, realtime-3D, geospatial, volumetric, WebXR, hybrid) with 18 references
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Creative plugin - 9 specialist agents (creative director, 3D TD, motion, shader, QA ...), 4 slash commands (classify/plan/build/audit) and session hooksSubscription
Creative plugin - 9 specialist agents (creative director, 3D TD, motion, shader, QA ...), 4 slash commands (classify/plan/build/audit) and session hooks
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Next.js exact-frame scroll-sequence starter - sticky canvas, LRU decoded-image cache, nearby-frame preload, overlays, reduced-motion posterSubscription
Next.js exact-frame scroll-sequence starter - sticky canvas, LRU decoded-image cache, nearby-frame preload, overlays, reduced-motion poster
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Next.js realtime 3D foundation starter - experience shell + scene with quality tiersSubscription
Next.js realtime 3D foundation starter - experience shell + scene with quality tiers
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - web3d-integration-patterns - architecture patterns for integrating 3D into web apps (vendored)Subscription
web3d-integration-patterns - architecture patterns for integrating 3D into web apps (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
threejs-webgl - Three.js scene, materials and optimisation skill with starter scene (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - react-three-fiber - R3F skill with a Vite starter and generators (vendored)Subscription
react-three-fiber - R3F skill with a Vite starter and generators (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - blender-web-pipeline - Blender -> glTF export, LOD and optimisation scripts for the web (vendored)Subscription
blender-web-pipeline - Blender -> glTF export, LOD and optimisation scripts for the web (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - gsap-scrolltrigger - GreenSock's official ScrollTrigger skill (vendored)Subscription
gsap-scrolltrigger - GreenSock's official ScrollTrigger skill (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - game-engine - web game development skill with 2D game templates (vendored from github/awesome-copilot)Subscription
game-engine - web game development skill with 2D game templates (vendored from github/awesome-copilot)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Layout formations
Scroll 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