{"name":"collections.html","description":"Curated production-ready UI motion demos. Live preview, full-page view, and copy-ready HTML, CSS, and JavaScript by Abbos Nurgulshanov.","url":"https://html.bosconvertpro.com","inLanguage":"en","license":"https://html.bosconvertpro.com/terms","author":{"name":"Abbos Nurgulshanov","email":"abbosnurgulshanov@gmail.com","url":"https://x.com/nurgulshanov"},"llmsTxt":"https://html.bosconvertpro.com/llms.txt","llmsFullTxt":"https://html.bosconvertpro.com/llms-full.txt","sitemap":"https://html.bosconvertpro.com/sitemap.xml","itemCount":75,"items":[{"slug":"3d-cards-tornado","title":"3D Cards Tornado","description":"A helical 3D card orbit that auto-spins with drag, wheel, and touch control — ideal for immersive galleries.","group":"sliders","url":"https://html.bosconvertpro.com/collection/3d-cards-tornado","demoUrl":"https://html.bosconvertpro.com/demos/3d-cards-tornado/index.html","addedAt":"2026-08-01"},{"slug":"3d-hero-flip-slider","title":"3D Hero Flip Slider","description":"A full-hero 3D flip slider with choreographed title masks, odometer counters, and product panels — premium furniture and product landings.","group":"sliders","url":"https://html.bosconvertpro.com/collection/3d-hero-flip-slider","demoUrl":"https://html.bosconvertpro.com/demos/3d-hero-flip-slider/index.html","addedAt":"2026-08-05"},{"slug":"3d-perspective-tiles-infinite-loop","title":"3D Perspective Tiles Infinite Loop","description":"Perspective tiles that loop in depth with drag snap, tilt, and title reveals — immersive product and mood galleries.","group":"sliders","url":"https://html.bosconvertpro.com/collection/3d-perspective-tiles-infinite-loop","demoUrl":"https://html.bosconvertpro.com/demos/3d-perspective-tiles-infinite-loop/index.html","addedAt":"2026-08-06"},{"slug":"animated-text-shimmer","title":"Animated Text Shimmer","description":"Headline text with a flowing shimmer highlight driven by character length — elegant loading and hero accents.","group":"text","url":"https://html.bosconvertpro.com/collection/animated-text-shimmer","demoUrl":"https://html.bosconvertpro.com/demos/animated-text-shimmer/index.html","addedAt":"2026-08-03"},{"slug":"arc-scroll-transition","title":"Arc Scroll Transition","description":"Scroll-driven SVG arc wipes that cover or reveal full-bleed sections with tunable curve depth — cinematic chapter transitions.","group":"scroll","url":"https://html.bosconvertpro.com/collection/arc-scroll-transition","demoUrl":"https://html.bosconvertpro.com/demos/arc-scroll-transition/index.html","addedAt":"2026-08-30"},{"slug":"bouncy-content-tabs","title":"Bouncy Content Tabs","description":"Springy tab panels with a playful bounce as content switches — clear hierarchy for product and marketing UI.","group":"text","url":"https://html.bosconvertpro.com/collection/bouncy-content-tabs","demoUrl":"https://html.bosconvertpro.com/demos/bouncy-content-tabs/index.html","addedAt":"2026-08-01"},{"slug":"capsule-hero","title":"Capsule Hero","description":"An editorial full-viewport hero with a stadium-shaped video capsule, character intro, and full-bleed expand — premium brand landings.","group":"components","url":"https://html.bosconvertpro.com/collection/capsule-hero","demoUrl":"https://html.bosconvertpro.com/demos/capsule-hero/index.html","addedAt":"2026-08-03"},{"slug":"cascading-slider","title":"Cascading Slider","description":"Stacked slides that cascade in sequence with refined depth — a polished carousel for featured content.","group":"sliders","url":"https://html.bosconvertpro.com/collection/cascading-slider","demoUrl":"https://html.bosconvertpro.com/demos/cascading-slider/index.html","addedAt":"2026-08-01"},{"slug":"center-clip-wipe","title":"Center Clip Wipe","description":"Sticky case studies that wipe open from a center clip with masked titles, parallax backgrounds, and a custom cursor — cinematic portfolio scrolling.","group":"scroll","url":"https://html.bosconvertpro.com/collection/center-clip-wipe","demoUrl":"https://html.bosconvertpro.com/demos/center-clip-wipe/index.html","addedAt":"2026-08-31"},{"slug":"collage-focus-card-on-hover","title":"Collage Focus Card on Hover","description":"Scattered collage cards that lift into focus on hover — perfect for portfolios and editorial layouts.","group":"cards","url":"https://html.bosconvertpro.com/collection/collage-focus-card-on-hover","demoUrl":"https://html.bosconvertpro.com/demos/collage-focus-card-on-hover/index.html","addedAt":"2026-08-01"},{"slug":"cursor-with-marquee-effect","title":"Cursor with Marquee Effect","description":"A custom cursor that expands into a scrolling marquee pill on hover — playful pointer feedback for CTAs and labels.","group":"hover","url":"https://html.bosconvertpro.com/collection/cursor-with-marquee-effect","demoUrl":"https://html.bosconvertpro.com/demos/cursor-with-marquee-effect/index.html","addedAt":"2026-08-03"},{"slug":"directional-list-hover","title":"Directional List Hover","description":"List rows that reveal from the pointer’s entry edge — directional hover overlays for menus and content lists.","group":"hover","url":"https://html.bosconvertpro.com/collection/directional-list-hover","demoUrl":"https://html.bosconvertpro.com/demos/directional-list-hover/index.html","addedAt":"2026-08-04"},{"slug":"draggable-marquee-directional","title":"Draggable Marquee (Directional)","description":"An infinite marquee that responds to drag direction and momentum — lively for logos, tags, and announcements.","group":"sliders","url":"https://html.bosconvertpro.com/collection/draggable-marquee-directional","demoUrl":"https://html.bosconvertpro.com/demos/draggable-marquee-directional/index.html","addedAt":"2026-08-01"},{"slug":"dropping-cards-stack","title":"Dropping Cards Stack","description":"Cards drop into a stacked pile with physics-like motion — a playful sequence for features, products, or story beats.","group":"cards","url":"https://html.bosconvertpro.com/collection/dropping-cards-stack","demoUrl":"https://html.bosconvertpro.com/demos/dropping-cards-stack/index.html","addedAt":"2026-08-02"},{"slug":"expanding-bottom-navigation","title":"Expanding Bottom Navigation","description":"A compact bottom bar that expands into a full menu surface — modern mobile navigation with smooth morphing.","group":"navigation","url":"https://html.bosconvertpro.com/collection/expanding-bottom-navigation","demoUrl":"https://html.bosconvertpro.com/demos/expanding-bottom-navigation/index.html","addedAt":"2026-08-01"},{"slug":"expanding-feature-pills","title":"Expanding Feature Pills","description":"Compact feature pills that expand to reveal detail on interaction — great for benefits and pricing highlights.","group":"components","url":"https://html.bosconvertpro.com/collection/expanding-feature-pills","demoUrl":"https://html.bosconvertpro.com/demos/expanding-feature-pills/index.html","addedAt":"2026-08-01"},{"slug":"expo-slider","title":"Expo Slider","description":"A Swiper expo-effect carousel with scale, offset, and grayscale depth — cinematic horizontal image galleries.","group":"sliders","url":"https://html.bosconvertpro.com/collection/expo-slider","demoUrl":"https://html.bosconvertpro.com/demos/expo-slider/index.html","addedAt":"2026-08-06"},{"slug":"faq","title":"FAQ","description":"A polished FAQ accordion with smooth open/close motion and clear hierarchy — ideal for support and product pages.","group":"text","url":"https://html.bosconvertpro.com/collection/faq","demoUrl":"https://html.bosconvertpro.com/demos/faq/index.html","addedAt":"2026-08-02"},{"slug":"fixed-underlay-navigation","title":"Fixed Underlay Navigation","description":"Page content slides aside to reveal a fixed underlay menu — layered navigation with dim overlay and staggered link reveals.","group":"navigation","url":"https://html.bosconvertpro.com/collection/fixed-underlay-navigation","demoUrl":"https://html.bosconvertpro.com/demos/fixed-underlay-navigation/index.html","addedAt":"2026-08-02"},{"slug":"flick-cards-slider","title":"Flick Cards Slider","description":"Draggable card stack you flick through with momentum thresholds — tactile product and feature carousels.","group":"sliders","url":"https://html.bosconvertpro.com/collection/flick-cards-slider","demoUrl":"https://html.bosconvertpro.com/demos/flick-cards-slider/index.html","addedAt":"2026-08-04"},{"slug":"full-screen-slide-menu","title":"Full Screen Slide Menu","description":"A full-screen menu that slides in as the page exits with rotate and scale — dramatic site navigation for bold brand sites.","group":"navigation","url":"https://html.bosconvertpro.com/collection/full-screen-slide-menu","demoUrl":"https://html.bosconvertpro.com/demos/full-screen-slide-menu/index.html","addedAt":"2026-08-03"},{"slug":"fullscreen-layout-with-columns","title":"Fullscreen layout with columns","description":"Equal fullscreen columns that expand into a full-stage panel with GSAP open/close motion — ideal for studio and portfolio landings.","group":"cards","url":"https://html.bosconvertpro.com/collection/fullscreen-layout-with-columns","demoUrl":"https://html.bosconvertpro.com/demos/fullscreen-layout-with-columns/index.html","addedAt":"2026-08-06"},{"slug":"gooey-curve-fullscreen-menu","title":"Gooey Curve Fullscreen Menu","description":"Fullscreen menu that opens with a gooey curve wipe, staggered link reveals, triple-stripe hover, and an animated close button.","group":"navigation","url":"https://html.bosconvertpro.com/collection/gooey-curve-fullscreen-menu","demoUrl":"https://html.bosconvertpro.com/demos/gooey-curve-fullscreen-menu/index.html","addedAt":"2026-09-06"},{"slug":"gsap-split-this-infinite-content-slider","title":"GSAP Split This Infinite Content Slider","description":"An infinite content slider powered by GSAP SplitText-style motion — continuous, editorial-grade scrolling.","group":"sliders","url":"https://html.bosconvertpro.com/collection/gsap-split-this-infinite-content-slider","demoUrl":"https://html.bosconvertpro.com/demos/gsap-split-this-infinite-content-slider/index.html","addedAt":"2026-08-01"},{"slug":"highlight-marker-text-reveal","title":"Highlight Marker Text Reveal","description":"Text that reveals under a highlighter stroke as you scroll — expressive for headlines and storytelling.","group":"text","url":"https://html.bosconvertpro.com/collection/highlight-marker-text-reveal","demoUrl":"https://html.bosconvertpro.com/demos/highlight-marker-text-reveal/index.html","addedAt":"2026-08-01"},{"slug":"hover-image-expandable","title":"Hover Image Expandable","description":"Image strips that expand into a full panel on hover — smooth accordion gallery for photography and case studies.","group":"cards","url":"https://html.bosconvertpro.com/collection/hover-image-expandable","demoUrl":"https://html.bosconvertpro.com/demos/hover-image-expandable/index.html","addedAt":"2026-08-01"},{"slug":"image-folllow-list","title":"Image Folllow List","description":"List rows that spawn a floating image preview following the cursor with velocity tilt — expressive catalog and portfolio navigation.","group":"hover","url":"https://html.bosconvertpro.com/collection/image-folllow-list","demoUrl":"https://html.bosconvertpro.com/demos/image-folllow-list/index.html","addedAt":"2026-08-03"},{"slug":"image-preview-cursor-follower","title":"Image Preview Cursor Follower","description":"Project list rows that drive a floating image preview with continuous vertical wipe transitions — portfolio and case-study navigation.","group":"hover","url":"https://html.bosconvertpro.com/collection/image-preview-cursor-follower","demoUrl":"https://html.bosconvertpro.com/demos/image-preview-cursor-follower/index.html","addedAt":"2026-08-03"},{"slug":"index-wipe","title":"Index Wipe","description":"Directional polygon wipes between full-bleed images with character rolls and odometer counters.","group":"scroll","url":"https://html.bosconvertpro.com/collection/index-wipe","demoUrl":"https://html.bosconvertpro.com/demos/index-wipe/index.html","addedAt":"2026-08-01"},{"slug":"infinite-dome-grid","title":"Infinite Dome Grid","description":"An infinite curved dome grid gallery with draggable canvas, flashlight cursor lens, and seamless lightbox detail reveals.","group":"sliders","url":"https://html.bosconvertpro.com/collection/infinite-dome-grid","demoUrl":"https://html.bosconvertpro.com/demos/infinite-dome-grid/index.html","addedAt":"2026-09-02"},{"slug":"infinite-draggable-grid-masonary","title":"Infinite Draggable Grid (Masonary)","description":"A masonry-style grid you can drag endlessly — exploratory layout for large image and product sets.","group":"sliders","url":"https://html.bosconvertpro.com/collection/infinite-draggable-grid-masonary","demoUrl":"https://html.bosconvertpro.com/demos/infinite-draggable-grid-masonary/index.html","addedAt":"2026-08-01"},{"slug":"infinite-orbit-gallery-click-to-expand","title":"Infinite Orbit Gallery (Click to Expand)","description":"A WebGL image constellation that orbits infinitely — scroll or drag to spin, hover to focus, click a frame to expand it.","group":"sliders","url":"https://html.bosconvertpro.com/collection/infinite-orbit-gallery-click-to-expand","demoUrl":"https://html.bosconvertpro.com/demos/infinite-orbit-gallery-click-to-expand/index.html","addedAt":"2026-09-04"},{"slug":"invite-teammates","title":"Invite-Teammates","description":"A refined invite flow with animated teammate cards — collaboration UI that feels light and intentional.","group":"cards","url":"https://html.bosconvertpro.com/collection/invite-teammates","demoUrl":"https://html.bosconvertpro.com/demos/invite-teammates/index.html","addedAt":"2026-08-01"},{"slug":"layered-image-slider","title":"Layered Image Slider","description":"Multi-layer image transitions with custom easing — cinematic slides for hero sections and campaigns.","group":"sliders","url":"https://html.bosconvertpro.com/collection/layered-image-slider","demoUrl":"https://html.bosconvertpro.com/demos/layered-image-slider/index.html","addedAt":"2026-08-01"},{"slug":"layout-grid-flip","title":"Layout Grid Flip","description":"Grid cells that flip and reflow between layouts — satisfying for filters, views, and adaptive catalogs.","group":"cards","url":"https://html.bosconvertpro.com/collection/layout-grid-flip","demoUrl":"https://html.bosconvertpro.com/demos/layout-grid-flip/index.html","addedAt":"2026-08-01"},{"slug":"line-reveal-testimonials","title":"Line Reveal Testimonials","description":"Testimonials that emerge line by line with elegant timing — trust-building quotes with quiet confidence.","group":"text","url":"https://html.bosconvertpro.com/collection/line-reveal-testimonials","demoUrl":"https://html.bosconvertpro.com/demos/line-reveal-testimonials/index.html","addedAt":"2026-08-01"},{"slug":"liquid-glass-carousel","title":"Liquid Glass Carousel","description":"A Three.js carousel with a refractive liquid-glass overlay, odometer index, and caption swaps — immersive image galleries.","group":"sliders","url":"https://html.bosconvertpro.com/collection/liquid-glass-carousel","demoUrl":"https://html.bosconvertpro.com/demos/liquid-glass-carousel/index.html","addedAt":"2026-08-30"},{"slug":"locomotive-smooth-scroll-setup","title":"Locomotive Smooth Scroll Setup","description":"Locomotive Scroll v5 with GSAP ScrollTrigger, progress chrome, and parallax reveals — a polished smooth-scroll page scaffold.","group":"scroll","url":"https://html.bosconvertpro.com/collection/locomotive-smooth-scroll-setup","demoUrl":"https://html.bosconvertpro.com/demos/locomotive-smooth-scroll-setup/index.html","addedAt":"2026-08-06"},{"slug":"logo-wall-sycle","title":"Logo Wall Sycle","description":"A logo grid that cycles partners with blurred dissolve swaps — premium social-proof walls that stay alive.","group":"components","url":"https://html.bosconvertpro.com/collection/logo-wall-sycle","demoUrl":"https://html.bosconvertpro.com/demos/logo-wall-sycle/index.html","addedAt":"2026-08-04"},{"slug":"magnetic-ascii-footer","title":"Magnetic ASCII Footer","description":"A site footer with scramble headlines, flicker CTAs, and a magnetic ASCII wordmark that shatters and reforms on click.","group":"components","url":"https://html.bosconvertpro.com/collection/magnetic-ascii-footer","demoUrl":"https://html.bosconvertpro.com/demos/magnetic-ascii-footer/index.html","addedAt":"2026-09-04"},{"slug":"mega-navigation-directional-hover","title":"Mega Navigation (Directional Hover)","description":"A mega navigation where dropdown panels morph from the hovered item direction — fluid multi-panel site menus with mobile support.","group":"navigation","url":"https://html.bosconvertpro.com/collection/mega-navigation-directional-hover","demoUrl":"https://html.bosconvertpro.com/demos/mega-navigation-directional-hover/index.html","addedAt":"2026-08-03"},{"slug":"mega-menu","title":"Mega-Menu","description":"A full-width mega menu with staggered panel motion — enterprise navigation that stays clear under complexity.","group":"navigation","url":"https://html.bosconvertpro.com/collection/mega-menu","demoUrl":"https://html.bosconvertpro.com/demos/mega-menu/index.html","addedAt":"2026-08-01"},{"slug":"modal-cards","title":"Modal Cards","description":"A product modal with layered hero crossfades, rising content panels, and carousel navigation — polished multi-brand showcases.","group":"components","url":"https://html.bosconvertpro.com/collection/modal-cards","demoUrl":"https://html.bosconvertpro.com/demos/modal-cards/index.html","addedAt":"2026-08-07"},{"slug":"momentum-based-hover-inertia","title":"Momentum Based Hover (Inertia)","description":"Hover elements that glide with pointer velocity and inertia — physics-feel UI for images and interactive tiles.","group":"hover","url":"https://html.bosconvertpro.com/collection/momentum-based-hover-inertia","demoUrl":"https://html.bosconvertpro.com/demos/momentum-based-hover-inertia/index.html","addedAt":"2026-08-04"},{"slug":"morphing-accordion","title":"Morphing Accordion","description":"Accordion sections that morph height and shape fluidly — FAQ and settings patterns without hard cuts.","group":"text","url":"https://html.bosconvertpro.com/collection/morphing-accordion","demoUrl":"https://html.bosconvertpro.com/demos/morphing-accordion/index.html","addedAt":"2026-08-01"},{"slug":"morphing-dialog","title":"Morphing Dialog","description":"A card that expands into a full dialog with shared-element morphing — premium modal open/close without jarring cuts.","group":"components","url":"https://html.bosconvertpro.com/collection/morphing-dialog","demoUrl":"https://html.bosconvertpro.com/demos/morphing-dialog/index.html","addedAt":"2026-08-02"},{"slug":"morphing-pill-menu","title":"Morphing Pill Menu","description":"A pill-shaped control that morphs into a menu surface — compact actions with a premium transform.","group":"navigation","url":"https://html.bosconvertpro.com/collection/morphing-pill-menu","demoUrl":"https://html.bosconvertpro.com/demos/morphing-pill-menu/index.html","addedAt":"2026-08-01"},{"slug":"morphing-select","title":"Morphing Select","description":"A select control that morphs open into a stacked option list with elastic motion — refined form UI beyond native dropdowns.","group":"components","url":"https://html.bosconvertpro.com/collection/morphing-select","demoUrl":"https://html.bosconvertpro.com/demos/morphing-select/index.html","addedAt":"2026-08-02"},{"slug":"morphing-tabs","title":"Morphing Tabs","description":"Browser-style tabs with a liquid SVG surface that glides between panels, drag reorder, and close — workspace and multi-space UI.","group":"text","url":"https://html.bosconvertpro.com/collection/morphing-tabs","demoUrl":"https://html.bosconvertpro.com/demos/morphing-tabs/index.html","addedAt":"2026-08-07"},{"slug":"multilevel-navigation","title":"Multilevel Navigation","description":"Desktop flyouts and mobile nested panels with staggered open motion — full multilevel site navigation.","group":"navigation","url":"https://html.bosconvertpro.com/collection/multilevel-navigation","demoUrl":"https://html.bosconvertpro.com/demos/multilevel-navigation/index.html","addedAt":"2026-08-04"},{"slug":"pixelate-image-render-effect","title":"Pixelate Image Render Effect","description":"Images render from pixel blocks to sharp when scrolled into view — scroll-triggered canvas reveal for galleries and case studies.","group":"scroll","url":"https://html.bosconvertpro.com/collection/pixelate-image-render-effect","demoUrl":"https://html.bosconvertpro.com/demos/pixelate-image-render-effect/index.html","addedAt":"2026-08-06"},{"slug":"premium-fullscreen-blur-menu","title":"Premium Fullscreen Blur Menu","description":"Fullscreen blur menu with GSAP stagger reveals, expanding characters, and a slash wipe for smooth open and close motion.","group":"navigation","url":"https://html.bosconvertpro.com/collection/premium-fullscreen-blur-menu","demoUrl":"https://html.bosconvertpro.com/demos/premium-fullscreen-blur-menu/index.html","addedAt":"2026-09-06"},{"slug":"radial-cards-slider-gsap","title":"Radial Cards Slider(GSAP)","description":"Cards arranged on a radial path and driven by GSAP — distinctive carousel motion for spotlight content.","group":"sliders","url":"https://html.bosconvertpro.com/collection/radial-cards-slider-gsap","demoUrl":"https://html.bosconvertpro.com/demos/radial-cards-slider-gsap/index.html","addedAt":"2026-08-01"},{"slug":"radial-gallery","title":"Radial Gallery","description":"Orbiting image rings that spin around the viewport with hover pop — immersive radial gallery for travel and portfolio showcases.","group":"sliders","url":"https://html.bosconvertpro.com/collection/radial-gallery","demoUrl":"https://html.bosconvertpro.com/demos/radial-gallery/index.html","addedAt":"2026-08-03"},{"slug":"refracted-glass-unicorn-studio","title":"Refracted Glass (Unicorn Studio)","description":"Refracted glass visuals with luminous distortion — atmospheric hero treatment for brand and product stories.","group":"components","url":"https://html.bosconvertpro.com/collection/refracted-glass-unicorn-studio","demoUrl":"https://html.bosconvertpro.com/demos/refracted-glass-unicorn-studio/index.html","addedAt":"2026-08-01"},{"slug":"rotating-image-trail","title":"Rotating Image Trail","description":"Pointer-driven image trails that rotate and lag behind motion — playful interaction for creative landings.","group":"hover","url":"https://html.bosconvertpro.com/collection/rotating-image-trail","demoUrl":"https://html.bosconvertpro.com/demos/rotating-image-trail/index.html","addedAt":"2026-08-01"},{"slug":"scale-slider","title":"Scale Slider","description":"A geometric scale conveyor of images with drag, autoplay, and keyboard control — distinctive carousel for product and editorial hero strips.","group":"sliders","url":"https://html.bosconvertpro.com/collection/scale-slider","demoUrl":"https://html.bosconvertpro.com/demos/scale-slider/index.html","addedAt":"2026-08-03"},{"slug":"scroll-driven-diagonal-card-stack-animation","title":"Scroll Driven Diagonal Card Stack Animation","description":"Pinned team section where portrait cards glide diagonally into center with grayscale-to-color shifts and word-by-word story reveals.","group":"scroll","url":"https://html.bosconvertpro.com/collection/scroll-driven-diagonal-card-stack-animation","demoUrl":"https://html.bosconvertpro.com/demos/scroll-driven-diagonal-card-stack-animation/index.html","addedAt":"2026-09-06"},{"slug":"scroll-wheel-animation","title":"Scroll Wheel Animation","description":"Scroll-scrubbed brand wheel rotating client names around an arc, highlighting each with logo crossfades and descriptions.","group":"scroll","url":"https://html.bosconvertpro.com/collection/scroll-wheel-animation","demoUrl":"https://html.bosconvertpro.com/demos/scroll-wheel-animation/index.html","addedAt":"2026-09-06"},{"slug":"services-hover-video-reveal-cards","title":"Services Hover Video Reveal Cards","description":"Five expanding service cards that fade in a video preview with duotone tint as the bottom label turns transparent on hover.","group":"cards","url":"https://html.bosconvertpro.com/collection/services-hover-video-reveal-cards","demoUrl":"https://html.bosconvertpro.com/demos/services-hover-video-reveal-cards/index.html","addedAt":"2026-09-06"},{"slug":"shutter-scroll-transition","title":"Shutter Scroll Transition","description":"Scroll-driven horizontal shutters that open full-bleed images in staggered rows — cinematic chapter transitions for editorial pages.","group":"scroll","url":"https://html.bosconvertpro.com/collection/shutter-scroll-transition","demoUrl":"https://html.bosconvertpro.com/demos/shutter-scroll-transition/index.html","addedAt":"2026-08-02"},{"slug":"slider-input","title":"Slider Input","description":"A premium range slider with expanding fill, drag grip, and keyboard control — polished form control for settings and value pickers.","group":"components","url":"https://html.bosconvertpro.com/collection/slider-input","demoUrl":"https://html.bosconvertpro.com/demos/slider-input/index.html","addedAt":"2026-08-05"},{"slug":"smoth-mega-menu","title":"Smoth Mega Menu","description":"A full-width mega menu with smooth panel motion and layered reveals — polished site navigation for complex link sets.","group":"navigation","url":"https://html.bosconvertpro.com/collection/smoth-mega-menu","demoUrl":"https://html.bosconvertpro.com/demos/smoth-mega-menu/index.html","addedAt":"2026-08-02"},{"slug":"spatial-cards-slider-gsap","title":"Spatial Cards Slider (GSAP)","description":"A draggable 3D spatial card slider with GSAP inertia, curved depth, and an inverted-curve variant — premium product and editorial carousels.","group":"sliders","url":"https://html.bosconvertpro.com/collection/spatial-cards-slider-gsap","demoUrl":"https://html.bosconvertpro.com/demos/spatial-cards-slider-gsap/index.html","addedAt":"2026-08-30"},{"slug":"stacking-cards-3d-css","title":"Stacking Cards 3D (CSS)","description":"Scroll-stacked 3D cards powered by CSS view timelines and smooth Lenis scroll — pure-CSS narrative sections.","group":"scroll","url":"https://html.bosconvertpro.com/collection/stacking-cards-3d-css","demoUrl":"https://html.bosconvertpro.com/demos/stacking-cards-3d-css/index.html","addedAt":"2026-08-06"},{"slug":"stacking-cards-parallax","title":"Stacking Cards Parallax","description":"Scroll-stacked cards with parallax and subtle rotation on the previous layer — cinematic storytelling sections.","group":"scroll","url":"https://html.bosconvertpro.com/collection/stacking-cards-parallax","demoUrl":"https://html.bosconvertpro.com/demos/stacking-cards-parallax/index.html","addedAt":"2026-08-03"},{"slug":"stacking-sticky-cards-bounce","title":"Stacking Sticky Cards (Bounce)","description":"Sticky cards that stack with a bounce as you scroll — narrative sections with physical, layered energy.","group":"scroll","url":"https://html.bosconvertpro.com/collection/stacking-sticky-cards-bounce","demoUrl":"https://html.bosconvertpro.com/demos/stacking-sticky-cards-bounce/index.html","addedAt":"2026-08-01"},{"slug":"step-swipe","title":"Step Swipe","description":"Step-by-step content advanced by swipe gestures — onboarding and stories with crisp horizontal pacing.","group":"scroll","url":"https://html.bosconvertpro.com/collection/step-swipe","demoUrl":"https://html.bosconvertpro.com/demos/step-swipe/index.html","addedAt":"2026-08-01"},{"slug":"sticky-features","title":"Sticky Features","description":"Sticky feature panels with scroll-linked visuals and a progress bar — product benefits that stay in frame as you read.","group":"scroll","url":"https://html.bosconvertpro.com/collection/sticky-features","demoUrl":"https://html.bosconvertpro.com/demos/sticky-features/index.html","addedAt":"2026-08-03"},{"slug":"sticky-steps","title":"Sticky Steps","description":"Sticky step indicators tied to scroll progress — process explainers that stay oriented as content moves.","group":"scroll","url":"https://html.bosconvertpro.com/collection/sticky-steps","demoUrl":"https://html.bosconvertpro.com/demos/sticky-steps/index.html","addedAt":"2026-08-01"},{"slug":"team-coverflow-carousel","title":"Team Coverflow Carousel","description":"A 3D coverflow carousel of team portraits with name/role swaps, dots, and arrow navigation — polished about-page people showcase.","group":"sliders","url":"https://html.bosconvertpro.com/collection/team-coverflow-carousel","demoUrl":"https://html.bosconvertpro.com/demos/team-coverflow-carousel/index.html","addedAt":"2026-08-06"},{"slug":"voice-chat-card","title":"Voice Chat Card","description":"A Dynamic Island–style voice chat card with live waveform motion — compact presence for realtime audio UI.","group":"cards","url":"https://html.bosconvertpro.com/collection/voice-chat-card","demoUrl":"https://html.bosconvertpro.com/demos/voice-chat-card/index.html","addedAt":"2026-08-01"},{"slug":"water-ripple-showcase","title":"Water Ripple Showcase","description":"Scroll-driven work showcase with interactive water-ripple photos, pinned one-project-per-screen scrolling, and a thumbnail rail.","group":"components","url":"https://html.bosconvertpro.com/collection/water-ripple-showcase","demoUrl":"https://html.bosconvertpro.com/demos/water-ripple-showcase/index.html","addedAt":"2026-09-06"},{"slug":"webgl-carousel","title":"WebGL Carousel","description":"A WebGL image carousel with shader wipes and synced editorial text — cinematic hero galleries for product and brand stories.","group":"sliders","url":"https://html.bosconvertpro.com/collection/webgl-carousel","demoUrl":"https://html.bosconvertpro.com/demos/webgl-carousel/index.html","addedAt":"2026-08-05"},{"slug":"wipe-slider","title":"Wipe Slider","description":"Full-bleed slides that transition with directional wipe masks — cinematic carousel motion for hero galleries.","group":"sliders","url":"https://html.bosconvertpro.com/collection/wipe-slider","demoUrl":"https://html.bosconvertpro.com/demos/wipe-slider/index.html","addedAt":"2026-08-03"}]}