# collections.html — full catalog

> Curated production-ready UI motion demos. Live preview, full-page view, and copy-ready HTML, CSS, and JavaScript by Abbos Nurgulshanov.

Source: https://html.bosconvertpro.com
Items: 75
License: Demo HTML/CSS/JS may be used in personal and commercial projects. See https://html.bosconvertpro.com/terms.

## 3D Cards Tornado

- Slug: 3d-cards-tornado
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/3d-cards-tornado
- Live demo: https://html.bosconvertpro.com/demos/3d-cards-tornado/index.html
- Added: 2026-08-01
- Description: A helical 3D card orbit that auto-spins with drag, wheel, and touch control — ideal for immersive galleries.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## 3D Hero Flip Slider

- Slug: 3d-hero-flip-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/3d-hero-flip-slider
- Live demo: https://html.bosconvertpro.com/demos/3d-hero-flip-slider/index.html
- Added: 2026-08-05
- Description: A full-hero 3D flip slider with choreographed title masks, odometer counters, and product panels — premium furniture and product landings.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## 3D Perspective Tiles Infinite Loop

- Slug: 3d-perspective-tiles-infinite-loop
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/3d-perspective-tiles-infinite-loop
- Live demo: https://html.bosconvertpro.com/demos/3d-perspective-tiles-infinite-loop/index.html
- Added: 2026-08-06
- Description: Perspective tiles that loop in depth with drag snap, tilt, and title reveals — immersive product and mood galleries.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Animated Text Shimmer

- Slug: animated-text-shimmer
- Group: Text
- Page: https://html.bosconvertpro.com/collection/animated-text-shimmer
- Live demo: https://html.bosconvertpro.com/demos/animated-text-shimmer/index.html
- Added: 2026-08-03
- Description: Headline text with a flowing shimmer highlight driven by character length — elegant loading and hero accents.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Arc Scroll Transition

- Slug: arc-scroll-transition
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/arc-scroll-transition
- Live demo: https://html.bosconvertpro.com/demos/arc-scroll-transition/index.html
- Added: 2026-08-30
- Description: Scroll-driven SVG arc wipes that cover or reveal full-bleed sections with tunable curve depth — cinematic chapter transitions.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Bouncy Content Tabs

- Slug: bouncy-content-tabs
- Group: Text
- Page: https://html.bosconvertpro.com/collection/bouncy-content-tabs
- Live demo: https://html.bosconvertpro.com/demos/bouncy-content-tabs/index.html
- Added: 2026-08-01
- Description: Springy tab panels with a playful bounce as content switches — clear hierarchy for product and marketing UI.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Capsule Hero

- Slug: capsule-hero
- Group: Components
- Page: https://html.bosconvertpro.com/collection/capsule-hero
- Live demo: https://html.bosconvertpro.com/demos/capsule-hero/index.html
- Added: 2026-08-03
- Description: An editorial full-viewport hero with a stadium-shaped video capsule, character intro, and full-bleed expand — premium brand landings.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Cascading Slider

- Slug: cascading-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/cascading-slider
- Live demo: https://html.bosconvertpro.com/demos/cascading-slider/index.html
- Added: 2026-08-01
- Description: Stacked slides that cascade in sequence with refined depth — a polished carousel for featured content.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Center Clip Wipe

- Slug: center-clip-wipe
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/center-clip-wipe
- Live demo: https://html.bosconvertpro.com/demos/center-clip-wipe/index.html
- Added: 2026-08-31
- Description: Sticky case studies that wipe open from a center clip with masked titles, parallax backgrounds, and a custom cursor — cinematic portfolio scrolling.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Collage Focus Card on Hover

- Slug: collage-focus-card-on-hover
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/collage-focus-card-on-hover
- Live demo: https://html.bosconvertpro.com/demos/collage-focus-card-on-hover/index.html
- Added: 2026-08-01
- Description: Scattered collage cards that lift into focus on hover — perfect for portfolios and editorial layouts.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Cursor with Marquee Effect

- Slug: cursor-with-marquee-effect
- Group: Hover
- Page: https://html.bosconvertpro.com/collection/cursor-with-marquee-effect
- Live demo: https://html.bosconvertpro.com/demos/cursor-with-marquee-effect/index.html
- Added: 2026-08-03
- Description: A custom cursor that expands into a scrolling marquee pill on hover — playful pointer feedback for CTAs and labels.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Directional List Hover

- Slug: directional-list-hover
- Group: Hover
- Page: https://html.bosconvertpro.com/collection/directional-list-hover
- Live demo: https://html.bosconvertpro.com/demos/directional-list-hover/index.html
- Added: 2026-08-04
- Description: List rows that reveal from the pointer’s entry edge — directional hover overlays for menus and content lists.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Draggable Marquee (Directional)

- Slug: draggable-marquee-directional
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/draggable-marquee-directional
- Live demo: https://html.bosconvertpro.com/demos/draggable-marquee-directional/index.html
- Added: 2026-08-01
- Description: An infinite marquee that responds to drag direction and momentum — lively for logos, tags, and announcements.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Dropping Cards Stack

- Slug: dropping-cards-stack
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/dropping-cards-stack
- Live demo: https://html.bosconvertpro.com/demos/dropping-cards-stack/index.html
- Added: 2026-08-02
- Description: Cards drop into a stacked pile with physics-like motion — a playful sequence for features, products, or story beats.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Expanding Bottom Navigation

- Slug: expanding-bottom-navigation
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/expanding-bottom-navigation
- Live demo: https://html.bosconvertpro.com/demos/expanding-bottom-navigation/index.html
- Added: 2026-08-01
- Description: A compact bottom bar that expands into a full menu surface — modern mobile navigation with smooth morphing.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Expanding Feature Pills

- Slug: expanding-feature-pills
- Group: Components
- Page: https://html.bosconvertpro.com/collection/expanding-feature-pills
- Live demo: https://html.bosconvertpro.com/demos/expanding-feature-pills/index.html
- Added: 2026-08-01
- Description: Compact feature pills that expand to reveal detail on interaction — great for benefits and pricing highlights.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Expo Slider

- Slug: expo-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/expo-slider
- Live demo: https://html.bosconvertpro.com/demos/expo-slider/index.html
- Added: 2026-08-06
- Description: A Swiper expo-effect carousel with scale, offset, and grayscale depth — cinematic horizontal image galleries.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## FAQ

- Slug: faq
- Group: Text
- Page: https://html.bosconvertpro.com/collection/faq
- Live demo: https://html.bosconvertpro.com/demos/faq/index.html
- Added: 2026-08-02
- Description: A polished FAQ accordion with smooth open/close motion and clear hierarchy — ideal for support and product pages.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Fixed Underlay Navigation

- Slug: fixed-underlay-navigation
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/fixed-underlay-navigation
- Live demo: https://html.bosconvertpro.com/demos/fixed-underlay-navigation/index.html
- Added: 2026-08-02
- Description: Page content slides aside to reveal a fixed underlay menu — layered navigation with dim overlay and staggered link reveals.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Flick Cards Slider

- Slug: flick-cards-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/flick-cards-slider
- Live demo: https://html.bosconvertpro.com/demos/flick-cards-slider/index.html
- Added: 2026-08-04
- Description: Draggable card stack you flick through with momentum thresholds — tactile product and feature carousels.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Full Screen Slide Menu

- Slug: full-screen-slide-menu
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/full-screen-slide-menu
- Live demo: https://html.bosconvertpro.com/demos/full-screen-slide-menu/index.html
- Added: 2026-08-03
- Description: A full-screen menu that slides in as the page exits with rotate and scale — dramatic site navigation for bold brand sites.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Fullscreen layout with columns

- Slug: fullscreen-layout-with-columns
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/fullscreen-layout-with-columns
- Live demo: https://html.bosconvertpro.com/demos/fullscreen-layout-with-columns/index.html
- Added: 2026-08-06
- Description: Equal fullscreen columns that expand into a full-stage panel with GSAP open/close motion — ideal for studio and portfolio landings.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Gooey Curve Fullscreen Menu

- Slug: gooey-curve-fullscreen-menu
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/gooey-curve-fullscreen-menu
- Live demo: https://html.bosconvertpro.com/demos/gooey-curve-fullscreen-menu/index.html
- Added: 2026-09-06
- Description: Fullscreen menu that opens with a gooey curve wipe, staggered link reveals, triple-stripe hover, and an animated close button.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## GSAP Split This Infinite Content Slider

- Slug: gsap-split-this-infinite-content-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/gsap-split-this-infinite-content-slider
- Live demo: https://html.bosconvertpro.com/demos/gsap-split-this-infinite-content-slider/index.html
- Added: 2026-08-01
- Description: An infinite content slider powered by GSAP SplitText-style motion — continuous, editorial-grade scrolling.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Highlight Marker Text Reveal

- Slug: highlight-marker-text-reveal
- Group: Text
- Page: https://html.bosconvertpro.com/collection/highlight-marker-text-reveal
- Live demo: https://html.bosconvertpro.com/demos/highlight-marker-text-reveal/index.html
- Added: 2026-08-01
- Description: Text that reveals under a highlighter stroke as you scroll — expressive for headlines and storytelling.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Hover Image Expandable

- Slug: hover-image-expandable
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/hover-image-expandable
- Live demo: https://html.bosconvertpro.com/demos/hover-image-expandable/index.html
- Added: 2026-08-01
- Description: Image strips that expand into a full panel on hover — smooth accordion gallery for photography and case studies.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Image Folllow List

- Slug: image-folllow-list
- Group: Hover
- Page: https://html.bosconvertpro.com/collection/image-folllow-list
- Live demo: https://html.bosconvertpro.com/demos/image-folllow-list/index.html
- Added: 2026-08-03
- Description: List rows that spawn a floating image preview following the cursor with velocity tilt — expressive catalog and portfolio navigation.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Image Preview Cursor Follower

- Slug: image-preview-cursor-follower
- Group: Hover
- Page: https://html.bosconvertpro.com/collection/image-preview-cursor-follower
- Live demo: https://html.bosconvertpro.com/demos/image-preview-cursor-follower/index.html
- Added: 2026-08-03
- Description: Project list rows that drive a floating image preview with continuous vertical wipe transitions — portfolio and case-study navigation.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Index Wipe

- Slug: index-wipe
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/index-wipe
- Live demo: https://html.bosconvertpro.com/demos/index-wipe/index.html
- Added: 2026-08-01
- Description: Directional polygon wipes between full-bleed images with character rolls and odometer counters.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Infinite Dome Grid

- Slug: infinite-dome-grid
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/infinite-dome-grid
- Live demo: https://html.bosconvertpro.com/demos/infinite-dome-grid/index.html
- Added: 2026-09-02
- Description: An infinite curved dome grid gallery with draggable canvas, flashlight cursor lens, and seamless lightbox detail reveals.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Infinite Draggable Grid (Masonary)

- Slug: infinite-draggable-grid-masonary
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/infinite-draggable-grid-masonary
- Live demo: https://html.bosconvertpro.com/demos/infinite-draggable-grid-masonary/index.html
- Added: 2026-08-01
- Description: A masonry-style grid you can drag endlessly — exploratory layout for large image and product sets.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Infinite Orbit Gallery (Click to Expand)

- Slug: infinite-orbit-gallery-click-to-expand
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/infinite-orbit-gallery-click-to-expand
- Live demo: https://html.bosconvertpro.com/demos/infinite-orbit-gallery-click-to-expand/index.html
- Added: 2026-09-04
- Description: A WebGL image constellation that orbits infinitely — scroll or drag to spin, hover to focus, click a frame to expand it.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Invite-Teammates

- Slug: invite-teammates
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/invite-teammates
- Live demo: https://html.bosconvertpro.com/demos/invite-teammates/index.html
- Added: 2026-08-01
- Description: A refined invite flow with animated teammate cards — collaboration UI that feels light and intentional.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Layered Image Slider

- Slug: layered-image-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/layered-image-slider
- Live demo: https://html.bosconvertpro.com/demos/layered-image-slider/index.html
- Added: 2026-08-01
- Description: Multi-layer image transitions with custom easing — cinematic slides for hero sections and campaigns.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Layout Grid Flip

- Slug: layout-grid-flip
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/layout-grid-flip
- Live demo: https://html.bosconvertpro.com/demos/layout-grid-flip/index.html
- Added: 2026-08-01
- Description: Grid cells that flip and reflow between layouts — satisfying for filters, views, and adaptive catalogs.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Line Reveal Testimonials

- Slug: line-reveal-testimonials
- Group: Text
- Page: https://html.bosconvertpro.com/collection/line-reveal-testimonials
- Live demo: https://html.bosconvertpro.com/demos/line-reveal-testimonials/index.html
- Added: 2026-08-01
- Description: Testimonials that emerge line by line with elegant timing — trust-building quotes with quiet confidence.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Liquid Glass Carousel

- Slug: liquid-glass-carousel
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/liquid-glass-carousel
- Live demo: https://html.bosconvertpro.com/demos/liquid-glass-carousel/index.html
- Added: 2026-08-30
- Description: A Three.js carousel with a refractive liquid-glass overlay, odometer index, and caption swaps — immersive image galleries.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Locomotive Smooth Scroll Setup

- Slug: locomotive-smooth-scroll-setup
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/locomotive-smooth-scroll-setup
- Live demo: https://html.bosconvertpro.com/demos/locomotive-smooth-scroll-setup/index.html
- Added: 2026-08-06
- Description: Locomotive Scroll v5 with GSAP ScrollTrigger, progress chrome, and parallax reveals — a polished smooth-scroll page scaffold.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Logo Wall Sycle

- Slug: logo-wall-sycle
- Group: Components
- Page: https://html.bosconvertpro.com/collection/logo-wall-sycle
- Live demo: https://html.bosconvertpro.com/demos/logo-wall-sycle/index.html
- Added: 2026-08-04
- Description: A logo grid that cycles partners with blurred dissolve swaps — premium social-proof walls that stay alive.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Magnetic ASCII Footer

- Slug: magnetic-ascii-footer
- Group: Components
- Page: https://html.bosconvertpro.com/collection/magnetic-ascii-footer
- Live demo: https://html.bosconvertpro.com/demos/magnetic-ascii-footer/index.html
- Added: 2026-09-04
- Description: A site footer with scramble headlines, flicker CTAs, and a magnetic ASCII wordmark that shatters and reforms on click.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Mega Navigation (Directional Hover)

- Slug: mega-navigation-directional-hover
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/mega-navigation-directional-hover
- Live demo: https://html.bosconvertpro.com/demos/mega-navigation-directional-hover/index.html
- Added: 2026-08-03
- Description: A mega navigation where dropdown panels morph from the hovered item direction — fluid multi-panel site menus with mobile support.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Mega-Menu

- Slug: mega-menu
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/mega-menu
- Live demo: https://html.bosconvertpro.com/demos/mega-menu/index.html
- Added: 2026-08-01
- Description: A full-width mega menu with staggered panel motion — enterprise navigation that stays clear under complexity.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Modal Cards

- Slug: modal-cards
- Group: Components
- Page: https://html.bosconvertpro.com/collection/modal-cards
- Live demo: https://html.bosconvertpro.com/demos/modal-cards/index.html
- Added: 2026-08-07
- Description: A product modal with layered hero crossfades, rising content panels, and carousel navigation — polished multi-brand showcases.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Momentum Based Hover (Inertia)

- Slug: momentum-based-hover-inertia
- Group: Hover
- Page: https://html.bosconvertpro.com/collection/momentum-based-hover-inertia
- Live demo: https://html.bosconvertpro.com/demos/momentum-based-hover-inertia/index.html
- Added: 2026-08-04
- Description: Hover elements that glide with pointer velocity and inertia — physics-feel UI for images and interactive tiles.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Morphing Accordion

- Slug: morphing-accordion
- Group: Text
- Page: https://html.bosconvertpro.com/collection/morphing-accordion
- Live demo: https://html.bosconvertpro.com/demos/morphing-accordion/index.html
- Added: 2026-08-01
- Description: Accordion sections that morph height and shape fluidly — FAQ and settings patterns without hard cuts.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Morphing Dialog

- Slug: morphing-dialog
- Group: Components
- Page: https://html.bosconvertpro.com/collection/morphing-dialog
- Live demo: https://html.bosconvertpro.com/demos/morphing-dialog/index.html
- Added: 2026-08-02
- Description: A card that expands into a full dialog with shared-element morphing — premium modal open/close without jarring cuts.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Morphing Pill Menu

- Slug: morphing-pill-menu
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/morphing-pill-menu
- Live demo: https://html.bosconvertpro.com/demos/morphing-pill-menu/index.html
- Added: 2026-08-01
- Description: A pill-shaped control that morphs into a menu surface — compact actions with a premium transform.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Morphing Select

- Slug: morphing-select
- Group: Components
- Page: https://html.bosconvertpro.com/collection/morphing-select
- Live demo: https://html.bosconvertpro.com/demos/morphing-select/index.html
- Added: 2026-08-02
- Description: A select control that morphs open into a stacked option list with elastic motion — refined form UI beyond native dropdowns.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Morphing Tabs

- Slug: morphing-tabs
- Group: Text
- Page: https://html.bosconvertpro.com/collection/morphing-tabs
- Live demo: https://html.bosconvertpro.com/demos/morphing-tabs/index.html
- Added: 2026-08-07
- Description: Browser-style tabs with a liquid SVG surface that glides between panels, drag reorder, and close — workspace and multi-space UI.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Multilevel Navigation

- Slug: multilevel-navigation
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/multilevel-navigation
- Live demo: https://html.bosconvertpro.com/demos/multilevel-navigation/index.html
- Added: 2026-08-04
- Description: Desktop flyouts and mobile nested panels with staggered open motion — full multilevel site navigation.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Pixelate Image Render Effect

- Slug: pixelate-image-render-effect
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/pixelate-image-render-effect
- Live demo: https://html.bosconvertpro.com/demos/pixelate-image-render-effect/index.html
- Added: 2026-08-06
- Description: Images render from pixel blocks to sharp when scrolled into view — scroll-triggered canvas reveal for galleries and case studies.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Premium Fullscreen Blur Menu

- Slug: premium-fullscreen-blur-menu
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/premium-fullscreen-blur-menu
- Live demo: https://html.bosconvertpro.com/demos/premium-fullscreen-blur-menu/index.html
- Added: 2026-09-06
- Description: Fullscreen blur menu with GSAP stagger reveals, expanding characters, and a slash wipe for smooth open and close motion.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Radial Cards Slider(GSAP)

- Slug: radial-cards-slider-gsap
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/radial-cards-slider-gsap
- Live demo: https://html.bosconvertpro.com/demos/radial-cards-slider-gsap/index.html
- Added: 2026-08-01
- Description: Cards arranged on a radial path and driven by GSAP — distinctive carousel motion for spotlight content.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Radial Gallery

- Slug: radial-gallery
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/radial-gallery
- Live demo: https://html.bosconvertpro.com/demos/radial-gallery/index.html
- Added: 2026-08-03
- Description: Orbiting image rings that spin around the viewport with hover pop — immersive radial gallery for travel and portfolio showcases.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Refracted Glass (Unicorn Studio)

- Slug: refracted-glass-unicorn-studio
- Group: Components
- Page: https://html.bosconvertpro.com/collection/refracted-glass-unicorn-studio
- Live demo: https://html.bosconvertpro.com/demos/refracted-glass-unicorn-studio/index.html
- Added: 2026-08-01
- Description: Refracted glass visuals with luminous distortion — atmospheric hero treatment for brand and product stories.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Rotating Image Trail

- Slug: rotating-image-trail
- Group: Hover
- Page: https://html.bosconvertpro.com/collection/rotating-image-trail
- Live demo: https://html.bosconvertpro.com/demos/rotating-image-trail/index.html
- Added: 2026-08-01
- Description: Pointer-driven image trails that rotate and lag behind motion — playful interaction for creative landings.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Scale Slider

- Slug: scale-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/scale-slider
- Live demo: https://html.bosconvertpro.com/demos/scale-slider/index.html
- Added: 2026-08-03
- Description: A geometric scale conveyor of images with drag, autoplay, and keyboard control — distinctive carousel for product and editorial hero strips.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Scroll Driven Diagonal Card Stack Animation

- Slug: scroll-driven-diagonal-card-stack-animation
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/scroll-driven-diagonal-card-stack-animation
- Live demo: https://html.bosconvertpro.com/demos/scroll-driven-diagonal-card-stack-animation/index.html
- Added: 2026-09-06
- Description: Pinned team section where portrait cards glide diagonally into center with grayscale-to-color shifts and word-by-word story reveals.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Scroll Wheel Animation

- Slug: scroll-wheel-animation
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/scroll-wheel-animation
- Live demo: https://html.bosconvertpro.com/demos/scroll-wheel-animation/index.html
- Added: 2026-09-06
- Description: Scroll-scrubbed brand wheel rotating client names around an arc, highlighting each with logo crossfades and descriptions.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Services Hover Video Reveal Cards

- Slug: services-hover-video-reveal-cards
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/services-hover-video-reveal-cards
- Live demo: https://html.bosconvertpro.com/demos/services-hover-video-reveal-cards/index.html
- Added: 2026-09-06
- Description: Five expanding service cards that fade in a video preview with duotone tint as the bottom label turns transparent on hover.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Shutter Scroll Transition

- Slug: shutter-scroll-transition
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/shutter-scroll-transition
- Live demo: https://html.bosconvertpro.com/demos/shutter-scroll-transition/index.html
- Added: 2026-08-02
- Description: Scroll-driven horizontal shutters that open full-bleed images in staggered rows — cinematic chapter transitions for editorial pages.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Slider Input

- Slug: slider-input
- Group: Components
- Page: https://html.bosconvertpro.com/collection/slider-input
- Live demo: https://html.bosconvertpro.com/demos/slider-input/index.html
- Added: 2026-08-05
- Description: A premium range slider with expanding fill, drag grip, and keyboard control — polished form control for settings and value pickers.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Smoth Mega Menu

- Slug: smoth-mega-menu
- Group: Navigation
- Page: https://html.bosconvertpro.com/collection/smoth-mega-menu
- Live demo: https://html.bosconvertpro.com/demos/smoth-mega-menu/index.html
- Added: 2026-08-02
- Description: A full-width mega menu with smooth panel motion and layered reveals — polished site navigation for complex link sets.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Spatial Cards Slider (GSAP)

- Slug: spatial-cards-slider-gsap
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/spatial-cards-slider-gsap
- Live demo: https://html.bosconvertpro.com/demos/spatial-cards-slider-gsap/index.html
- Added: 2026-08-30
- Description: A draggable 3D spatial card slider with GSAP inertia, curved depth, and an inverted-curve variant — premium product and editorial carousels.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Stacking Cards 3D (CSS)

- Slug: stacking-cards-3d-css
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/stacking-cards-3d-css
- Live demo: https://html.bosconvertpro.com/demos/stacking-cards-3d-css/index.html
- Added: 2026-08-06
- Description: Scroll-stacked 3D cards powered by CSS view timelines and smooth Lenis scroll — pure-CSS narrative sections.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Stacking Cards Parallax

- Slug: stacking-cards-parallax
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/stacking-cards-parallax
- Live demo: https://html.bosconvertpro.com/demos/stacking-cards-parallax/index.html
- Added: 2026-08-03
- Description: Scroll-stacked cards with parallax and subtle rotation on the previous layer — cinematic storytelling sections.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Stacking Sticky Cards (Bounce)

- Slug: stacking-sticky-cards-bounce
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/stacking-sticky-cards-bounce
- Live demo: https://html.bosconvertpro.com/demos/stacking-sticky-cards-bounce/index.html
- Added: 2026-08-01
- Description: Sticky cards that stack with a bounce as you scroll — narrative sections with physical, layered energy.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Step Swipe

- Slug: step-swipe
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/step-swipe
- Live demo: https://html.bosconvertpro.com/demos/step-swipe/index.html
- Added: 2026-08-01
- Description: Step-by-step content advanced by swipe gestures — onboarding and stories with crisp horizontal pacing.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Sticky Features

- Slug: sticky-features
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/sticky-features
- Live demo: https://html.bosconvertpro.com/demos/sticky-features/index.html
- Added: 2026-08-03
- Description: Sticky feature panels with scroll-linked visuals and a progress bar — product benefits that stay in frame as you read.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Sticky Steps

- Slug: sticky-steps
- Group: Scroll
- Page: https://html.bosconvertpro.com/collection/sticky-steps
- Live demo: https://html.bosconvertpro.com/demos/sticky-steps/index.html
- Added: 2026-08-01
- Description: Sticky step indicators tied to scroll progress — process explainers that stay oriented as content moves.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Team Coverflow Carousel

- Slug: team-coverflow-carousel
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/team-coverflow-carousel
- Live demo: https://html.bosconvertpro.com/demos/team-coverflow-carousel/index.html
- Added: 2026-08-06
- Description: A 3D coverflow carousel of team portraits with name/role swaps, dots, and arrow navigation — polished about-page people showcase.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Voice Chat Card

- Slug: voice-chat-card
- Group: Cards
- Page: https://html.bosconvertpro.com/collection/voice-chat-card
- Live demo: https://html.bosconvertpro.com/demos/voice-chat-card/index.html
- Added: 2026-08-01
- Description: A Dynamic Island–style voice chat card with live waveform motion — compact presence for realtime audio UI.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Water Ripple Showcase

- Slug: water-ripple-showcase
- Group: Components
- Page: https://html.bosconvertpro.com/collection/water-ripple-showcase
- Live demo: https://html.bosconvertpro.com/demos/water-ripple-showcase/index.html
- Added: 2026-09-06
- Description: Scroll-driven work showcase with interactive water-ripple photos, pinned one-project-per-screen scrolling, and a thumbnail rail.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## WebGL Carousel

- Slug: webgl-carousel
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/webgl-carousel
- Live demo: https://html.bosconvertpro.com/demos/webgl-carousel/index.html
- Added: 2026-08-05
- Description: A WebGL image carousel with shader wipes and synced editorial text — cinematic hero galleries for product and brand stories.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.

## Wipe Slider

- Slug: wipe-slider
- Group: Sliders
- Page: https://html.bosconvertpro.com/collection/wipe-slider
- Live demo: https://html.bosconvertpro.com/demos/wipe-slider/index.html
- Added: 2026-08-03
- Description: Full-bleed slides that transition with directional wipe masks — cinematic carousel motion for hero galleries.
- Stack: HTML, CSS, JavaScript (often GSAP). Copy from the page code tabs.