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

gallery (1)text-effect (1)cursor (2)scroll-effect (4)button (1)card (2)prompt (1)other (3)transition (1)entrance (1)filter (30)palette (30)

Mood

dark (16)light (2)playful (3)calm (16)bold (24)luxury (1)techy (11)organic (20)retro (16)

Industry

media (1)general (16)

Style

gradient (31)neon (5)monochrome (1)3d (1)photographic (3)typographic (1)parallax (4)grain (1)dithered (5)

Licence

MIT (77)

Source repo (codrops/LayersAnimation, studygeorge/parallax-fx, shader-gallery/runtime)

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)

Effects folder

Halftone & Print (2)Dither & Pixel (3)Retro — VHS, CRT & Film (5)Glitch & Distortion: Glitch & Corruption (5)Glitch & Distortion: Warps, Waves & Lenses (1)Colour Grading (5)Blur, Glow & Bloom (2)Stylize: Edges, Lines & ASCII (1)Stylize: Paint, Posterize & More (3)Grain & Noise (1)Scanlines & Lines (1)Light Leaks, Vignettes & Flares (1)Warm (10)Cool: Greens & Teals (5)Cool: Blues & Violets (8)Pastel (2)Neon & Vivid (5)

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

2 across

ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
Component
Subscription
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)
Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)
Card
Subscription
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)
Magnetic - button that leans toward the pointer as it approaches (React)
Button
Subscription
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)
Spotlight - soft light that follows the pointer across a card (React)
Card
Subscription
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)
ImageTrail - trail of images spawned by pointer distance (React)
Cursor
Subscription
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)
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
Component
Subscription
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)
Cursor - ring cursor that trails the pointer and swells over links (React)
Cursor
Subscription
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)
ScrollParallax - anything, moved at a given scroll speed (React)
Scroll Effect
Subscription
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)
KenBurns - slideshow where each photo pushes in and drifts (React)
Gallery
Subscription
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)
CurtainReveal - moving mask that uncovers an element on entry (React)
Entrance
Subscription
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)
StickyScrub - section that pins while you scroll and exposes its progress (React)
Scroll Effect
Subscription
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)
CardStack - cards that pin one after another and settle into a stack (React)
Scroll Effect
Subscription
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
ScrollProgress - bar that fills with the page or one article (React)
ScrollProgress - bar that fills with the page or one article (React)
Scroll Effect
Subscription
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)
Marquee - endless ticker that never touches the frame loop (React)
Component
Subscription
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 site
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
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clip layers transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Midnight
Theme: Midnight
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Witchlight
Theme: Witchlight
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Ember
Theme: Ember
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Glacier
Theme: Glacier
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Abyssal
Theme: Abyssal
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Tide
Theme: Tide
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Nocturne
Theme: Nocturne
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Viridian
Theme: Viridian
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Mint
Theme: Mint
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Foundry
Theme: Foundry
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Rust
Theme: Rust
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Sodium
Theme: Sodium
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Coral
Theme: Coral
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Clay
Theme: Clay
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Wine
Theme: Wine
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Bloom
Theme: Bloom
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Fuchsia
Theme: Fuchsia
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Orchid
Theme: Orchid
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Amethyst
Theme: Amethyst
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Umbra
Theme: Umbra
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Opal
Theme: Opal
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Sherbet
Theme: Sherbet
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Daybreak
Theme: Daybreak
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Prism
Theme: Prism
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Peacock
Theme: Peacock
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Spectral
Theme: Spectral
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Mercury
Theme: Mercury
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Verdigris
Theme: Verdigris
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Neon
Theme: Neon
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Dusk
Theme: Dusk
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Post look: Dreamwave
Filter
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 · 77 items · 48 on this page

ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)

Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)

Magnetic - button that leans toward the pointer as it approaches (React)

Spotlight - soft light that follows the pointer across a card (React)

ImageTrail - trail of images spawned by pointer distance (React)

ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)

Cursor - ring cursor that trails the pointer and swells over links (React)

ScrollParallax - anything, moved at a given scroll speed (React)

KenBurns - slideshow where each photo pushes in and drifts (React)

CurtainReveal - moving mask that uncovers an element on entry (React)

StickyScrub - section that pins while you scroll and exposes its progress (React)

CardStack - cards that pin one after another and settle into a stack (React)

TextReveal - text arriving word by word or letter by letter (React)

ScrollProgress - bar that fills with the page or one article (React)

Marquee - endless ticker that never touches the frame loop (React)

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

Clip layers transition

Theme: Midnight

Theme: Witchlight

Theme: Ember

Theme: Glacier

Theme: Abyssal

Theme: Tide

Theme: Nocturne

Theme: Viridian

Theme: Mint

Theme: Foundry

Theme: Rust

Theme: Sodium

Theme: Coral

Theme: Clay

Theme: Wine

Theme: Bloom

Theme: Fuchsia

Theme: Orchid

Theme: Amethyst

Theme: Umbra

Theme: Opal

Theme: Sherbet

Theme: Daybreak

Theme: Prism

Theme: Peacock

Theme: Spectral

Theme: Mercury

Theme: Verdigris

Theme: Neon

Theme: Dusk

Post look: Dreamwave