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

Kind

navbar (1)form (3)skill (9)tool (1)other (1)menu (3)tabs (1)input (10)table (1)chart (12)sidebar (2)pagination (1)

Mood

minimal (35)editorial (2)

Industry

saas (14)general (31)

Style

typographic (2)video (8)

Licence

MIT (45)

Source repo (yojahny55/cinematic-scroll-kit, shadcn-ui/ui)

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 · 45 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
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
Command
Menu
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Context Menu
Menu
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Menubar
Menu
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Navigation Menu
Navbar
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Resizable
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sidebar
Sidebar
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sidebar that collapses to icons
Sidebar
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Calendar
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chart
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Area Chart: Gradient
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Area Chart: Interactive
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bar Chart: Active
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Line Chart: Interactive
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Line Chart: Label Custom
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pie Chart: Donut Active
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pie Chart: Donut Text
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Radar Chart: Default
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Radar Chart: Label Custom
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Radial Chart: Shape
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chart Tooltip: Advanced
Chart
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Checkbox
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Combobox
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Data Table
Table
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Date Picker
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Field
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Input
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Input Group
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Native Select
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pagination
Pagination
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Questionnaire
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Radio Group
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Signup page on muted background
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slider
Input
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Textarea
Input
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

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

Command

Context Menu

Menubar

Navigation Menu

Resizable

Sidebar

Sidebar that collapses to icons

Tabs

Calendar

Chart

Area Chart: Gradient

Area Chart: Interactive

Bar Chart: Active

Line Chart: Interactive

Line Chart: Label Custom

Pie Chart: Donut Active

Pie Chart: Donut Text

Radar Chart: Default

Radar Chart: Label Custom

Radial Chart: Shape

Chart Tooltip: Advanced

Checkbox

Combobox

Data Table

Date Picker

Field

Input

Input Group

Native Select

Pagination

Questionnaire

Radio Group

Signup page on muted background

Slider

Textarea