uğur sözen

Shop by Category Grid

Cards 33

About

A responsive product category grid with image cards, hover zoom, featured badges, and product counts, ideal for storefront navigation and collection showcases.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shop by Category Grid to your project and fits it to your theme.

Code

How Shop by Category Grid is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Ecommerce4, { ecommerce4Demo } from "@/components/ui/ecommerce4";

export default function Ecommerce4Demo() {
  return <Ecommerce4 {...ecommerce4Demo} />;
}

Dependencies

More by uğur sözen

View all
  • Worth Keeping CTA

    Worth Keeping CTA

    199
  • Comparison Slider with Highlights

    Comparison Slider with Highlights

    191
  • Before/After Image Slider

    Before/After Image Slider

    120
  • Invoice History Table

    Invoice History Table

    66
  • Recipe Card

    Recipe Card

    38
  • PIN Keypad Unlock

    PIN Keypad Unlock

    34
  • Trigger to Action

    Trigger to Action

    33
  • Integration Logos Grid

    Integration Logos Grid

    24

More in Cards

View all
  • Stats cards with links

    Stats cards with links

    120
  • Course Design Cards

    Course Design Cards

    1.1K
  • Statistics Card 2

    Statistics Card 2

    259
  • Card

    Card

    56
  • Card Studio

    Card Studio

    9
  • Statistics Card 7

    Statistics Card 7

    289
  • The Item one

    The Item one

    3
  • Weather Card

    Weather Card

    53