Pinterest-Style Pin Board
Bootstrap 5 masonry pin board with photo pins, topic filter chips, save buttons and a live saved counter.
Tag: grid
Components tagged with "grid".
16 components
Skeleton Product Grid
Pure CSS skeleton loader for a product grid with shimmering placeholder cards, a wave-like sweep and an accessible loading status.
CSS Grid Bento Photo Gallery
Bento-style photo gallery with mixed tile sizes from CSS Grid spans, hover captions and a keyboard-friendly dialog lightbox.
Photographer Portfolio with Photo Grid
Dark Bootstrap 5 photographer portfolio with subject filters, a full-bleed dense photo grid with wide and tall tiles, hover captions and a modal lightbox.
Hero with Photo Collage Grid
Bootstrap 5 hero section with a serif headline, call-to-action buttons and stats on the left and a five-photo collage grid with a floating card on the right.
Agency Case Study Grid with Images
Dark Tailwind CSS portfolio grid of agency case studies with project photos, client, year, key results and service filter buttons.
Feature Cards with Hover Glow
Dark pure CSS feature grid whose card borders and backgrounds light up with a colored glow that follows the mouse pointer.
Cards with Hover Lift
Pure CSS blog card grid where each card lifts with a deeper shadow and zooms its image on hover or keyboard focus.
Product Listing Grid
Responsive Bootstrap 5 product grid with sale, new, bestseller and sold-out badges, color swatches, wishlist buttons, sorting and client-side pagination.
Filterable Portfolio Gallery
Dark Bootstrap 5 portfolio gallery with pill filter buttons, automatic category counts, fade-in tiles and a screen reader status message.
Product Grid with Filters
Tailwind CSS category page with a collapsible filter sidebar, live result count, empty state and a product grid sortable by price, rating or date.
Blog Post Grid
Responsive three-column Tailwind CSS blog grid with illustrated covers, category badges, author, date, reading time and fully clickable cards.
Logo Cloud Grid
Tailwind CSS logo cloud with a heading and a bordered grid of eight inline SVG client logos that reveal brand colors on hover.
Team Grid
Dark Tailwind CSS team section with portrait photos, roles, short bios, accessible social links and a hiring card.
Testimonials Grid
Masonry-style Tailwind CSS testimonials grid with star ratings, initial avatars and an accessible Show more button.
Feature Grid with Icons
Responsive Tailwind CSS feature section with six features, inline SVG icons, hairline dividers and a subtle hover accent.