Solved a broken inspiration workflow with a curated library of web design patterns

Tablet displaying a website titled Component Grid featuring curated design pattern examples from marketing websites.

Design inspiration sites are everywhere, but most show full page screenshots that force you to hunt for the one section you actually need. If you’re looking for pricing card examples or hero layouts, you’re stuck scrolling through dozens of full pages hoping to spot what you’re after. I built Component Grid to solve that problem. It’s a curated gallery where designers can filter by specific components like headers, footers, testimonials, and pricing cards to find exactly what they need in seconds instead of wasting time digging through a gallery of screenshots that aren’t helpful.

I built Component Grid in Webflow with growth in mind from the start. Rather than rushing to launch with a small library, I spent time building an automation system using Zapier, Airtable, and ChatGPT that handles the repetitive work. That automation allows me to manually curate each item to maintain quality, but AI helps write summaries, assigns tags, and queues posts for Instagram and Twitter. This turns a ten minute manual process into a single image upload that lets me spend more time curating content.

Audience
  • Web designers
Services
  • Design systems
  • Web design
  • Web development
  • User experience
Industry
  • Creative
Status
  • In progress
Responsive website showcasing a collection of curated design pattern thumbnails from marketing websites like Stripe, Framer, Webflow, Wise, and more.
Component Grid webpage showing Stripe homepage hero sections with colorful gradient backgrounds and layered bold typography about financial infrastructure to grow revenue, accompanied by UI mockups and subscription form.
Website landing page for Cursor, an AI coding tool, featuring download and demo request buttons and a screenshot of the app interface.
Website footer with green logo and sections titled Features, Glyphs, Community, and About, plus text crediting fonts ABC Arizona and Accia by Mint Type.
Wealthsimple feature highlights showing instant gold trading 24/7 with market details and insured gold storage with a hand holding a gold coin.
Asana features highlighting workflow automations with project status charts and project management with task timelines for marketing campaigns.
Website footer of Component Grid with a newsletter signup form promoting web design inspiration, site info, and social media links.
Webpage showing a component grid with a directory of design sections on the left and hero section examples from brands like Intercom, Stripe, Framer, Asana, and Wise on the right.

A few more projects to explore

Sequence

Simplified a technical AI automation platform into an approachable experience

View project
Screenshot of Sequence's homepage displayed on an Apple Studio Display monitor, set against a dark navy-to-purple gradient background.
1Password 8

Turned a complex product launch into one cohesive story across every web touchpoint

View project
1Password 8 for iOS product launch page displayed on a MacBook laptop