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

Kind

gallery (1)text-effect (1)background (86)cursor (2)scroll-effect (4)button (1)card (2)prompt (1)other (3)entrance (1)filter (24)

Mood

dark (28)light (6)playful (12)calm (35)bold (40)luxury (16)techy (6)organic (110)retro (19)

Industry

Style

gradient (29)neon (8)monochrome (26)3d (2)photographic (3)parallax (4)particles (14)grain (4)dithered (12)

Licence

Apache-2.0 (110)MIT (16)

Source repo (studygeorge/parallax-fx, paper-design/shaders)

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

Gradients & Mesh (24)Swirls & Fluid (19)Noise, Clouds & Smoke (14)Aurora & Light (5)Liquid, Glass & Metal (6)Particles & Dots (14)Geometric & Patterns (3)3D Shapes & Spheres (1)Halftone & Print (8)Dither & Pixel (4)Glitch & Distortion: Warps, Waves & Lenses (5)Stylize: Paint, Posterize & More (3)Grain & Noise (4)

Page 1 of 3 · 126 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
Paper Color Panels: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Glass
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Gradient
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Opening
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dithering: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dithering: Warp
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dithering: Sine Wave
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dithering: Ripple
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dithering: Bugs
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dithering: Swirl
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Triangles
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Tree line
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Wallpaper
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Bubbles
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Shine
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Hallucinatory
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Fluted Glass: Default
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Fluted Glass: Abstract
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Fluted Glass: Waves
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Fluted Glass: Folds
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Gem Smoke: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Gem Smoke: Fire
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Gem Smoke: Fluorescent
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Gem Smoke: Infrared
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Gem Smoke: Default (own shape)
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper God Rays: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper God Rays: Warp
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper God Rays: Linear
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper God Rays: Ether
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Grain Gradient: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 3 · 126 items · 48 on this page