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

Kind

hero (2)navbar (1)gallery (1)background (316)loader (2)scroll-effect (4)card (2)form (1)other (8)transition (1)entrance (2)app-screen (1)

Mood

dark (341)light (7)playful (68)calm (249)bold (317)luxury (95)techy (132)organic (259)retro (106)editorial (1)

Industry

saas (1)ai (1)ecommerce (2)general (21)

Style

gradient (108)neon (171)3d (21)illustration (1)typographic (1)parallax (1)particles (18)terminal (2)

Licence

Source repo (shader-gallery/shaders, codrops/ScrollBasedLayoutAnimations, motiondesignlv/ReactZero-flow)

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 (8)Swirls & Fluid (23)Noise, Clouds & Smoke (20)Fire, Plasma & Energy (15)Aurora & Light (98)Liquid, Glass & Metal (45)Particles & Dots (18)Geometric & Patterns (68)3D Shapes & Spheres (21)

Page 1 of 8 · 341 items · 48 on this page

2 across

Accessibility-aware animation demo
Accessibility-aware animation demo
Component
Subscription
@reactzero/flow composition example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal with backdrop
Modal with backdrop
Component
Subscription
@reactzero/flow composition example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Page transition
Page transition
Transition
Subscription
@reactzero/flow composition example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Choreographed entrance
Choreographed entrance
Entrance
Subscription
@reactzero/flow delay example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Dashboard cards parallel entrance
Dashboard cards parallel entrance
Card
Subscription
@reactzero/flow parallel example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hero entrance
Hero entrance
Hero Section
Subscription
@reactzero/flow parallel example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Competing animations (race)
Competing animations (race)
Component
Subscription
@reactzero/flow race example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fetch with timeout loader
Fetch with timeout loader
Loader
Subscription
@reactzero/flow race example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heartbeat monitor loop
Heartbeat monitor loop
Component
Subscription
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Loading spinner
Loading spinner
Loader
Subscription
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pulsing notification
Pulsing notification
Component
Subscription
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Parallax hero
Parallax hero
Hero Section
Subscription
@reactzero/flow scroll example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll progress bar
Scroll progress bar
Scroll Effect
Subscription
@reactzero/flow scroll example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Reveal on scroll
Reveal on scroll
Scroll Effect
Subscription
@reactzero/flow scroll example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Checkout steps sequence
Checkout steps sequence
Form
Subscription
@reactzero/flow sequence example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Onboarding wizard
Onboarding wizard
App Screen
Subscription
@reactzero/flow sequence example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Toast cascade
Toast cascade
Component
Subscription
@reactzero/flow sequence example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid stagger reveal
Grid stagger reveal
Entrance
Subscription
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Nav menu items stagger
Nav menu items stagger
Navbar
Subscription
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Photo gallery stagger
Photo gallery stagger
Gallery
Subscription
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Product showcase timeline
Product showcase timeline
Card
Subscription
@reactzero/flow timeline example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Storytelling scroll timeline
Storytelling scroll timeline
Scroll Effect
Subscription
@reactzero/flow timeline example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Auto-dismiss toast
Auto-dismiss toast
Component
Subscription
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Countdown timer
Countdown timer
Component
Subscription
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll layout switch
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Acidsquares
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Adit
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Agate
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Amalgam
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Anemone
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Anthelion
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Argyle
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Armature
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ASCII
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Asterism
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Awn
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ballpit
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Baluster
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Banner
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bask
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bauble
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Beacon
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Beams
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Beat
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Benday
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Billow
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Blinds
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Boids
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 8 · 341 items · 48 on this page