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

Kind

Mood

dark (38)light (37)playful (11)calm (14)bold (15)luxury (13)minimal (28)techy (8)organic (8)retro (4)futuristic (14)editorial (19)

Industry

saas (10)ai (4)agency (9)portfolio (7)ecommerce (1)finance (4)health (2)gaming (1)web3 (2)food (1)travel (3)fashion (1)media (3)general (52)developer-tools (1)

Style

glassmorphism (4)brutalist (3)gradient (19)neon (3)monochrome (2)3d (7)illustration (1)photographic (17)typographic (21)parallax (5)particles (5)grain (1)video (2)terminal (1)

Licence

Source repo (SyntaxUI/syntaxui, codse/animata, MustBeSimo/web-design-studio, codrops/ImageTilesMenu)

gyng/ditherer (499)Ghosh/uiGradients (382)shader-gallery/shaders (316)Vidvox/ISF-Files (264)pulkitxm/claude-directory (250)itmeo/webgradients (180)uiverse-io/galaxy (158)superdesigndev/superdesign-prompts (140)matinmonshizadeh/animation-handbook (129)xiyu519/MotionVault (113)paper-design/shaders (110)angusforbes/swirlfluid (87)ridelink0/ultimate-frontend-skills (83)shader-gallery/runtime (60)educlopez/smoothui (55)Jannchie/shader-gradient (52)MustBeSimo/web-design-studio (48)fand/vfx-js (46)cosscom/coss (39)shadcn-ui/ui (35)codse/animata (31)PicartWeb/hero-section-collection (30)tremorlabs/tremor-blocks (30)pmndrs/postprocessing (28)motiondesignlv/ReactZero-flow (24)mrdoob/three.js (21)mantinedev/ui.mantine.dev (19)untitleduico/react (19)studygeorge/parallax-fx (16)ui-layouts/uilayouts (15)imMamdouhaboammar/creative-agent-pack (10)yojahny55/cinematic-scroll-kit (10)kokonut-labs/kokonutui (9)chakra-ui/zag (8)SyntaxUI/syntaxui (8)tsparticles/tsparticles (8)dimeloper/motion-site-kit (6)AleBrito124356/threejs-hero-collection (5)davidjerleke/embla-carousel (5)nolimits4web/swiper (4)oframe/ogl (4)vasturiano/globe.gl (4)SyncedCo/synced-motion (3)TommyChryst/claude-web-animations (3)Black-Line-Ops/scroll-scrub-hero (2)JasonOracle/agnes-scroll-world (2)NicoSKOOL/ai-ranking-scroll-seo (2)prantikmedhi/scroll-earth (2)shuding/cobe (2)tangyistudio/scroll-frame-sequence (2)tech-maxara/cineritual (2)Aiwe83/humble-rose-restaurant (1)amirmushichge/cinematic-scroll-prompt-kit (1)codrops/3DCarousel (1)codrops/3DGridContentPreview (1)codrops/3DStackMotion (1)codrops/CircularTextEffect (1)codrops/ColumnScroll (1)codrops/FullscreenClipEffect (1)codrops/FullscreenScroll (1)codrops/GlitchyGrid (1)codrops/GooeyCursor (1)codrops/GridFlowEffect (1)codrops/ImageExpansionTypography (1)codrops/ImageTilesMenu (1)codrops/KineticTypePageTransition (1)codrops/LayersAnimation (1)codrops/OneElementScroll (1)codrops/OnScrollColumnsRows (1)codrops/OnScrollLayoutFormations (1)codrops/OnScrollShapeMorph (1)codrops/OnScrollTypographyAnimations (1)codrops/PixelTransition (1)codrops/ReflectionScroll (1)codrops/RepeatingImageTransition (1)codrops/Scroll3DGrid (1)codrops/ScrollBasedLayoutAnimations (1)codrops/ScrollBlurTypography (1)codrops/ScrollTextMotion (1)codrops/SlideshowAnimations (1)codrops/StickySections (1)codrops/TextClipScroll (1)codrops/ThumbFullTransition (1)codrops/TileScroll (1)codrops/WebGLBlobs (1)danhnm1203/scrollytelling (1)Dhyey2907/claude-skill-scroll-cinema (1)GeoCodeCrafter/stratum-motion (1)m0Corut/keyboard-premium-landing-page (1)MarchalMaxim/scroll-sequence (1)mariozenmedina/frame-by-frame (1)nateherkai/scroll-craft (1)ozthropic/cinematic-website-starter (1)sarathsaleem/grained (1)shoelace-style/webawesome (1)smart-developer1791/solidjs-threejs-gsap-dimensional-glass-landing (1)vb-tyagi/snake-smooth-scroll-UI-animation-skill (1)withmehmet/mogp-motion (1)

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

2 across

PinnedReveal - Staggered eyebrow → title → summary reveal as a chapter enters view
Scroll Effect
Subscription
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 tit
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
Subscription
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 depth
DepthFigure - A foreground image card held in depth
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
TiltCard - A card that tilts up to ~8 degrees in 3D toward the pointer with an opacity-only specular sheen
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
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
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
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
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ScrubVideo - A scroll-scrubbed <video> whose currentTime is driven by scroll progress (rAF, requestVideoFrameCallback when available) inside a pinned stage, degrading on iOS
Scroll Effect
Free sample
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
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
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ATELIER NOCTURNE
Landing Page
Subscription
We shape light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Vanta Labs
Landing Page
Subscription
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
AUREUS
Landing Page
Subscription
Digital Wealth, Managed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Maison Solenne
Landing Page
Subscription
One Day of Light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
VANTASCOPE
Landing Page
Subscription
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
BLOOM
Landing Page
Subscription
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
Classic Touch
Landing Page
Subscription
The Renaissance Edition.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
NOVADECK
Landing Page
Subscription
System 2000.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Keepsake
Landing Page
Subscription
Summers you can hold.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
NATURALLY ROOTED
Landing Page
Subscription
Field Apothecary.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
AUREUS
Landing Page
Subscription
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
OBSIDIAN
Landing Page
Subscription
Crystalline Monolith.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
AETHER
Landing Page
Subscription
Volumetric Atmosphere Engine.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
NEXUS · IMMERSIVE LAB
Landing Page
Subscription
Spatial Computing Studio.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
KERN
Landing Page
Subscription
Precision Calibration Unit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Maya Torres
Landing Page
Subscription
Creative Director · The Cut.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
FIELD
Landing Page
Subscription
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
Cinematic Scroll Effects Lab - six text treatments, magnetic/depth surfaces, four shader presets on the shared runtime
Landing Page
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Card stack
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cursor image trail
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shooting stars
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sparkle AI button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Boids ecosystem
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
LED word board
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shape-shifter hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Split shutter preloader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Stacked scroll sections
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gooey blob tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Image tiles menu
Menu
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
Web Design Studio design contract + DTCG tokens (color, type, spacing, motion)
Web Design Studio design contract + DTCG tokens (color, type, spacing, motion)
Design System
Subscription
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-grotesque
Atmospheric Sublime visual system (theme) - warm-dust/cold-steel duality, vast negative space, glacial-then-sudden reveals from haze. Thin neo-grotesque
Design System
Subscription
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 system
Botanical Editorial visual system (theme) - warm paper, deep leaf-green accent, editorial serif, gentle organic reveals. NET-NEW system
Design System
Subscription
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 system
Brutalist Kinetic visual system (theme) - raw concrete grays, one safety-orange accent, monospace everything, hard mechanical motion. NET-NEW system
Design System
Subscription
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 motion
Clinical Noir visual system (theme) - near-monochrome ash/steel drained world; amber appears only as event. Neo-grotesque, dolly-smooth, inevitable motion
Design System
Subscription
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 system
Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing reveals. NET-NEW system
Design System
Subscription
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 system
Liquid Chrome visual system (theme) - near-black iridescent ground, chrome-cyan accent, smooth metallic morphs and WebGL distortion. NET-NEW system
Design System
Subscription
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 serif
Naturalistic Drift visual system (theme) - lived-in slightly-desaturated palette following light, not drama; minimal organic motion, gradual fades. Editorial serif
Design System
Subscription
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 display
Storybook Geometry visual system (theme) - pastel hard-edged colour fields, centered symmetry, snap-quick lateral motion. Geometric display
Design System
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 · 88 items · 48 on this page