Photo and product, row by row
FreeNumbered rows that alternate sides: a title, a line and a link facing a photo with a card of the product over it, each card a real state made of the library's parts.
features-11 · v1.1.0 · Features block 11 of 11
npx shadcn@latest add @lib/features-11About this features block
Photo and product, row by row is a free features block for shadcn/ui. Numbered rows that alternate sides: a title, a line and a link facing a photo with a card of the product over it, each card a real state made of the library's parts. It's one React file built on the shadcn/ui Badge, Button components, uses only your theme tokens, animates in as it scrolls into view and stays still for visitors who ask for less motion, and works in Next.js, Vite, React Router, TanStack Start and Astro.
What's inside
- Keyboard support beyond Tab
- Entrance animation, with a reduced-motion fallback
- Light and dark mode from your theme
- Responsive, from phone to desktop
What it installs
- @lib/activity-feed-01
- @lib/browser-frame-01
- @lib/cell
- @lib/people-01
- @lib/progress-list-01
- @lib/section-frame-01
- shadcn/ui: badge, button
- npm: lucide-react
Versions
- v1.1.0 Features 11 shows the product in app windows
- v1.0.1 Features 11 installs the part it uses
- v1.0.0 Features 11: photo and product, row by row
More features blocks
Feature grids, bento layouts, alternating sections and comparison rows that explain what a product does.