# 12 Feature Section Components for React & Tailwind

> Sections that explain what a product does: sticky-scroll walkthroughs, auto-advancing tabs, icon grids, comparison tables, how-it-works timelines and integration hubs with animated connectors.

3 of 12 free (the rest with PixelPapa Pro), built with Tailwind CSS and Motion, installable with the shadcn CLI.

- [Features Accordion Visual](https://pixelpapa.com/components/features/features-accordion-visual.md) (Pro): An accordion on the left steers a product mock on the right: a spring-driven focus frame glides to the matching region while the rest dims.
- [Features Alternating Rows](https://pixelpapa.com/components/features/features-alternating-rows.md) (Pro): Three text-and-illustration rows that swap sides; each drawing animates in on view and its floating layer drifts with scroll.
- [Features Animated Workflow](https://pixelpapa.com/components/features/features-animated-workflow.md) (Pro): A four-stage pipeline where an order token hops card to card with a shared-layout spring, leaving a completed result behind at every stage.
- [Features Big Numbered List](https://pixelpapa.com/components/features/features-big-numbered-list.md): An editorial list with oversized serif numerals that rise through a mask on view; the hovered or focused row opens its note and a marker bar slides to it.
- [Features Code And Result](https://pixelpapa.com/components/features/features-code-and-result.md) (Pro): A code snippet with clickable values beside a live preview: cycle a prop in the code and the toast on the right springs in with the new tone and position.
- [Features Comparison Table](https://pixelpapa.com/components/features/features-comparison-table.md): An us-versus-them table with a lifted highlight column; checks pop and draw their stroke row by row as the table scrolls in.
- [Features Icon Grid Hover](https://pixelpapa.com/components/features/features-icon-grid-hover.md): A hairline grid of six features: grid lines glow under the cursor, a beam laps the hovered cell's border and a detail row slides up.
- [Features Integrations Hub](https://pixelpapa.com/components/features/features-integrations-hub.md) (Pro): A centre hub wired to six tool tiles with curved SVG lines; light pulses flow in from sources and out to destinations, and hovering a tile lights its wire.
- [Features Security Checklist](https://pixelpapa.com/components/features/features-security-checklist.md) (Pro): Security copy beside a live posture card: controls verify one by one with spinner-to-check swaps while a shield ring fills to 100%.
- [Features Sticky Scroll](https://pixelpapa.com/components/features/features-sticky-scroll.md) (Pro): Four text steps scroll past on the left while a pinned product panel on the right redraws itself for the step in view.
- [Features Tabbed Showcase](https://pixelpapa.com/components/features/features-tabbed-showcase.md) (Pro): Four tabs advance on their own with a filling progress bar while the product canvas below cross-fades; hover pauses, arrows and clicks jump.
- [Features Timeline Steps](https://pixelpapa.com/components/features/features-timeline-steps.md) (Pro): A three-step "how it works" row joined by a wavy line that draws itself in view, popping each numbered node as it arrives.