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

hero (1)pricing (1)text-effect (1)background (2)loader (1)cursor (1)scroll-effect (1)button (1)card (6)skill (9)tool (1)other (1)transition (1)carousel (1)menu (3)tabs (2)toggle (1)chart (6)dock (1)

Mood

dark (17)light (4)playful (5)calm (1)bold (5)minimal (13)techy (2)organic (1)retro (1)futuristic (1)editorial (3)

Industry

saas (2)ai (2)agency (3)portfolio (3)ecommerce (1)finance (2)health (1)gaming (1)travel (1)media (1)general (28)developer-tools (1)

Style

glassmorphism (1)gradient (11)typographic (4)particles (3)video (8)

Licence

MIT (41)

Source repo (yojahny55/cinematic-scroll-kit, codse/animata)

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 1 · 41 items

2 across

Cinematic Scroll Kit master methodology (AGENTS.md + GUIDE.md)
Cinematic Scroll Kit master methodology (AGENTS.md + GUIDE.md)
Skill
Free sample
Narrative from brand (250-400 word brand story in two voices)
Narrative from brand (250-400 word brand story in two voices)
Skill
Free sample
Storyboard from narrative (6-10 scenes with start/end frame prompts for AI video)
Storyboard from narrative (6-10 scenes with start/end frame prompts for AI video)
Skill
Free sample
Video preprocessing (all-keyframe encode + 9:16 mobile reframes with ffmpeg)
Video preprocessing (all-keyframe encode + 9:16 mobile reframes with ffmpeg)
Skill
Free sample
Build cinematic scroll site (continuous-reel scroll-scrub site generator)
Build cinematic scroll site (continuous-reel scroll-scrub site generator)
Skill
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Adaptive mobile strategy (autoplay-loop substitution, scrims, reduced motion)
Adaptive mobile strategy (autoplay-loop substitution, scrims, reduced motion)
Skill
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll-scrub rendering (video.currentTime vs WebCodecs vs image-sequence decision tree)
Scroll-scrub rendering (video.currentTime vs WebCodecs vs image-sequence decision tree)
Skill
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Portable slash-commands: /cinematic-site (full pipeline) and /storyboard
Portable slash-commands: /cinematic-site (full pipeline) and /storyboard
Skill
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ffmpeg helpers: stage AI clips, all-keyframe encode, 9:16 mobile reframe
ffmpeg helpers: stage AI clips, all-keyframe encode, 9:16 mobile reframe
Tool
Free sample
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
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
Anti-AI editorial design (typography pairings, asymmetry, forbidden tropes)
Anti-AI editorial design (typography pairings, asymmetry, forbidden tropes)
Skill
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Staggered Link Menu
Menu
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnifying Icon Dock
Dock
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Radial Petal Menu
Menu
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Arrow-Reveal Menu List
Menu
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fluid Indicator Tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hover Poll Results Card
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Bar Chart
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Donut Chart
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gap Gauge Chart
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Concentric Activity Rings
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Auto-dismissing list rows
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cascading Hover Timeline
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Plan Selector Pricing Card
Pricing
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Today Events Widget
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scrolling Date Strip Calendar
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Delivery Progress Widget
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Turn-By-Turn Directions Widget
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Live Scoreboard Widget
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Storage Breakdown Column
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
VPN Connection Toggle Widget
Toggle
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Cinematic Scroll Kit master methodology (AGENTS.md + GUIDE.md)

Narrative from brand (250-400 word brand story in two voices)

Storyboard from narrative (6-10 scenes with start/end frame prompts for AI video)

Video preprocessing (all-keyframe encode + 9:16 mobile reframes with ffmpeg)

Build cinematic scroll site (continuous-reel scroll-scrub site generator)

Adaptive mobile strategy (autoplay-loop substitution, scrims, reduced motion)

Scroll-scrub rendering (video.currentTime vs WebCodecs vs image-sequence decision tree)

Portable slash-commands: /cinematic-site (full pipeline) and /storyboard

ffmpeg helpers: stage AI clips, all-keyframe encode, 9:16 mobile reframe

Card stack

Cursor image trail

Shooting stars

Sparkle AI button

Boids ecosystem

LED word board

Shape-shifter hero

Split shutter preloader

Stacked scroll sections

Gooey blob tabs

Exploding letters

Anti-AI editorial design (typography pairings, asymmetry, forbidden tropes)

Staggered Link Menu

Magnifying Icon Dock

Radial Petal Menu

Arrow-Reveal Menu List

Fluid Indicator Tabs

Hover Poll Results Card

Animated Bar Chart

Animated Donut Chart

Gap Gauge Chart

Concentric Activity Rings

Auto-dismissing list rows

Cascading Hover Timeline

Plan Selector Pricing Card

Today Events Widget

Scrolling Date Strip Calendar

Delivery Progress Widget

Turn-By-Turn Directions Widget

Live Scoreboard Widget

Storage Breakdown Column

VPN Connection Toggle Widget