Asymmetric image gallery grid layout - shadcn/ui
PROCreative asymmetric image gallery with varied column layouts. Features a badge, headline, and description above a responsive grid perfect for showcasing spaces, locations, or portfolios.
Preview
Explore More Blocks
Table HeaderProfessional table header components for React and Next.js. Build search bars, filter controls, category tabs, action buttons, and sorting options for data tables with flexible layouts.
FootersModern footer components and section layouts for React and Next.js. Build professional website footers with links, social media, newsletters, and navigation.
DropdownProfessional dropdown menu and filter components for React and Next.js. Build priority filters, status filters, checkbox filters, range selectors, searchable filters, and tabbed filter menus for advanced data filtering.
ChartsProfessional chart and data visualization components for React and Next.js. Build bar charts, line charts, area charts, comparison widgets, and interactive data dashboards with Recharts integration for displaying analytics and metrics.
PopupEngaging popup and notification components for React and Next.js. Build welcome messages, cookie notifications, subscription forms, success confirmations, and promotional announcements with dismissible options and call-to-action elements.
User ProfileProfessional user profile components for React and Next.js. Build user profile cards, account overviews, profile headers with statistics, social media links, and customizable layouts for displaying user information and achievements.
OrderProfessional order tracking and management components for React and Next.js. Build order details pages, tracking timelines, shipping status displays, order summaries, and delivery management interfaces with customizable layouts.
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.