scrollxui

Features With Panel

Features 300

About

A scrolling feature list paired with a sticky media panel that swaps images or video as the user clicks or scrolls through each feature item.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Features With Panel to your project and fits it to your theme.

Code

How Features With Panel is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import FeaturesWithPanel from "@/components/ui/features-with-panel";

export default function FeaturesWithPanelDemo() {
  return <FeaturesWithPanel />;
}

Dependencies

More by scrollxui

View all
  • Contact with Globe

    Contact with Globe

    346
  • Logo Cloud Marquee

    Logo Cloud Marquee

    154
  • Hero Section with Cards

    Hero Section with Cards

    148
  • FAQ Accordion

    FAQ Accordion

    143
  • Particles

    Particles

    99
  • Hero With Pixel Background

    Hero With Pixel Background

    81
  • Testimonials Marquee

    Testimonials Marquee

    71
  • Testimonials Vertical Marquee

    Testimonials Vertical Marquee

    65

More in Features

View all
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Feature Sections

    Feature Sections

    178
  • Features 8

    Features 8

    3.1K
  • Features Card

    Features Card

    213
  • Features 2

    Features 2

    324
  • Feature 72

    Feature 72

    124
  • Features 1

    Features 1

    280
  • Feature with advantages

    Feature with advantages

    283