Blog
Content & Publishing · 10 checks · 69 resources
The content index that lets a reader find, filter and subscribe to the company's writing.
Before you ship
- 01Hero — a clear indicator that this is a blog, whether for an individual, team or company
- 02Navigation — a logo, links, a CTA and potentially a search function, with links surfacing sub-topics
- 03Layout — how sections and posts are structured, considering what is above the fold on mobile, tablet and desktop
- 04Blog post preview — visuals and text where typography hierarchy puts the heading first and a branded thumbnail sets tone
- 05Description — a summary of what the blog covers, shown in the hero
- 06Tags and/or categories — topics attached to posts for convenient filtering
- 07Search function — for a blog with many posts, so readers can find the content they want
- 08Opt-in for subscription — a signup form that makes the reader a subscriber
- 09Sidebar — supporting links and resources such as search, popular posts and trending topics
- 10Pagination — breaking content into pages after 10–20 items
Resources that help you build this
- Awesome DESIGN.md · 73 MIT-licensed DESIGN.md brand analyses you drop into a project rootAgent Design ToolingS
- Codrops · Creative front-end tutorials, demos, and a 2,000-site showcase, running since 2009Essays, Guides & CoursesS
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- HTMLrev Free Shadcn Templates · 120 free shadcn/ui templates and starters, indexed on one pageBlocks, Templates & ThemesS
- Modal · Python serverless GPU platform whose site is a dev-tool marketing design referenceDesign Systems & Brand GuidelinesS
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickersComponent LibrariesS
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templatesComponent LibrariesS
- Plate · Slate-based rich-text editor framework with 86 shadcn-installable editor componentsComponent LibrariesS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCPComponent LibrariesS
- ToyFight · Manchester design studio; 47 case studies for Twitch, KFC, GSAPStudios & PortfoliosS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Unsplash · 8.7M free-to-use photos with a free JSON API at 1,000 requests/hourTextures, Backgrounds & AssetsS
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP serverComponent LibrariesS
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themesComponent LibrariesA
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- AlignUI · React + Tailwind design system with a code-synced Figma libraryComponent LibrariesA
- Awwwards · Juried web design awards with a filterable archive of sites by category and tech stackInspiration GalleriesA
- BestWebsiteTemplate · 881 Webflow, Framer and Shopify templates, each scored out of 10 by 11 named reviewersBlocks, Templates & ThemesA
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing componentsComponent LibrariesA
- Craftwork · 40k+ design assets and templates, reachable from an MCP server and a Claude skillTextures, Backgrounds & AssetsA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- Details Inspo · 3,500+ web design details filed by component, interaction and industryInspiration GalleriesA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- getdesign.md · Browsable catalog of DESIGN.md brand analyses for AI coding agentsAgent Design ToolingA
- Httpster · 3,116 web designs, tagged by 19 visual styles and 29 industries, in plain HTMLInspiration GalleriesA
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism setsBlocks, Templates & ThemesA
- Irasutoya · 25,415 free Japanese kawaii illustrations, 239 categories, public Blogger JSON feedTextures, Backgrounds & AssetsA
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocksComponent LibrariesA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Minimal Gallery · 2,961 hand-picked minimal websites, tagged by industry, with an open WordPress REST APIInspiration GalleriesA
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLIMotion & InteractionA
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templatesBlocks, Templates & ThemesA
- One Page Love · 9,079 one-page sites, 8,729 sections, 1,603 OG image references and 275 templatesInspiration GalleriesA
- Pexels · Free stock photos and video, free API at 200 req/hour and 20,000/monthTextures, Backgrounds & AssetsA
- Prime Intellect · GPU marketplace and RL training stack behind a monospace, terminal-styled siteDesign Systems & Brand GuidelinesA
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code pluginBlocks, Templates & ThemesA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-codeBlocks, Templates & ThemesA
- Shadcn UI Blocks · 200+ free copy-paste marketing and app blocks built on shadcn/uiBlocks, Templates & ThemesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UIComponent LibrariesA
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kitBlocks, Templates & ThemesA
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitivesComponent LibrariesA
- Your Creative · Melbourne and Sydney agency; accessibility-led branding and web case studiesStudios & PortfoliosA
- Adalat AI · Framer-built civic-tech site: stats-led hero, impact page, 37-role careers hubDesign Systems & Brand GuidelinesB
- Blocs · macOS visual web design app that exports code and WordPress themesUtilities & NamingB
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kitsColorB
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0Blocks, Templates & ThemesB
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them freeBlocks, Templates & ThemesB
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pagesBlocks, Templates & ThemesB
- Jiro · 1,329 website sections and templates as copy-ready prompts for Bolt, Lovable, v0, and other AI buildersAgent Design ToolingB
- Lapa Ninja · 7,300+ landing pages plus a 57-element section index, free books and free UI kitsInspiration GalleriesB
- Lukasz Adam Illustrations · ~120 free CC0 SVG illustration and icon sets, one Gumroad bundle, no attributionTextures, Backgrounds & AssetsB
- Oversight Supply · 192 Webflow and Framer templates and 41 sections, with AI-ready prompts for Claude, Cursor, and v0Blocks, Templates & ThemesB
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiringComponent LibrariesB
- Prismic Slice Machine · Local CLI that turns coded slices into a Prismic page builderUtilities & NamingB
- SaaSFrame · 5,000+ SaaS screens, flows, emails, patterns, responsive views, Figma files and screenshot text searchInspiration GalleriesB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Siteinspire · Hand-curated archive of ~8,000 well-designed websites, filtered by style, type and subjectInspiration GalleriesB
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabsInspiration GalleriesB
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGsBlocks, Templates & ThemesB
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStackBlocks, Templates & ThemesB
- Unsection · Gallery of 4,000+ website sections indexed by section type, not by whole pageInspiration GalleriesB
- WebInspoo · 1,200+ SaaS site screenshots filterable by page type, font, color and stackInspiration GalleriesB
- Institute of Health · Webflow marketing site for a functional-nutrition certification courseInspiration GalleriesC
- Parameter (formerly Hex Security) · Dark-mode security SaaS marketing site; the saved hex.co URL now 301s to parameter.aiUtilities & NamingC
- Zenblog · Small headless blogging CMS with a Notion-style editor and a typed APIUtilities & NamingC