Feature 286 - Product collection cards with glowing stars

Pro

A marketing feature section with a heading and intro copy, three cards that show collection titles and prices with add-to-cart actions, glowing star backgrounds, and a trailing view-all control.

Shadcn Feature 286 block

Component Data

  • ID:feature286
  • Access:pro
  • Created:Aug 28, 2025
  • Type:block

Feature 286 block design & features

Feature286 is a grid of three collection-style cards built with shadcn/ui controls, plus a top heading block and a primary action to view everything. Each card carries a title, price, and an add-to-cart style button inside a framed surface that uses a glowing star field as its backdrop. A full-width row button below the grid invites browsing the full catalog.

Dark surroundings with bright star specks behind each card keep attention on the middle column while staying restrained elsewhere. Typography runs large on the section title and settles into compact card labels and figures. Buttons read as standard pill or rounded fills with clear hover affordances. The motion is mostly static aside from the ambient glow read from the stars component.

This reads as a storefront or showcase slice with a decorative, slightly theatrical accent rather than a minimal wireframe. The glowing panels are the memorable twist on an otherwise familiar three-up product grid. Complexity is moderate: you need three collections worth of names and prices, optional imagery if you extend beyond copy-only cards, and consistent commerce labeling.

On narrow screens the grid stacks in a single column while preserving card internals and the bottom action.