scrollxui

Features With Panel

Features 334

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

    361
  • Hero Section with Cards

    Hero Section with Cards

    159
  • FAQ Accordion

    FAQ Accordion

    159
  • Logo Cloud Marquee

    Logo Cloud Marquee

    156
  • Particles

    Particles

    99
  • Hero With Pixel Background

    Hero With Pixel Background

    84
  • Testimonials Marquee

    Testimonials Marquee

    77
  • Testimonials Vertical Marquee

    Testimonials Vertical Marquee

    70

More in Features

View all
  • Features 8

    Features 8

    3.1K
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Features Grid

    Features Grid

    82
  • Feature Sections

    Feature Sections

    183
  • Features Card

    Features Card

    226
  • Features 4

    Features 4

    381
  • Feature with advantages

    Feature with advantages

    287
  • Framework Agnostic

    Framework Agnostic

    68