Blog
The content index that lets a reader find, filter and subscribe to the company's writing.
Content & Publishing · 10 checks · 65 resources
Before you ship
10- 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
65- Awesome DESIGN.md · 73 MIT-licensed DESIGN.md brand analyses you drop into a project root
- Codrops · Creative front-end tutorials, demos, and a 2,000-site showcase, running since 2009
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- HTMLrev Free Shadcn Templates · 120 free shadcn/ui templates and starters, indexed on one page
- Modal · Python serverless GPU platform whose site is a dev-tool marketing design reference
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templates
- Plate · Slate-based rich-text editor framework with 86 shadcn-installable editor components
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCP
- ToyFight · Manchester design studio; 47 case studies for Twitch, KFC, GSAP
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Unsplash · 8.7M free-to-use photos with a free JSON API at 1,000 requests/hour
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- AlignUI · React + Tailwind design system with a code-synced Figma library
- Awwwards · Juried web design awards with a filterable archive of sites by category and tech stack
- BestWebsiteTemplate · 881 Webflow, Framer and Shopify templates, each scored out of 10 by 11 named reviewers
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing components
- Craftwork · 40k+ design assets and templates, reachable from an MCP server and a Claude skill
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- Details Inspo · 3,500+ web design details filed by component, interaction and industry
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- getdesign.md · Browsable catalog of DESIGN.md brand analyses for AI coding agents
- Httpster · 3,116 web designs, tagged by 19 visual styles and 29 industries, in plain HTML
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism sets
- Irasutoya · 25,415 free Japanese kawaii illustrations, 239 categories, public Blogger JSON feed
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocks
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Minimal Gallery · 2,961 hand-picked minimal websites, tagged by industry, with an open WordPress REST API
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLI
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templates
- One Page Love · 9,079 one-page sites, 8,729 isolated page sections and 275 templates for sale
- Pexels · Free stock photos and video, free API at 200 req/hour and 20,000/month
- Prime Intellect · GPU marketplace and RL training stack behind a monospace, terminal-styled site
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code plugin
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-code
- Shadcn UI Blocks · 200+ free copy-paste marketing and app blocks built on shadcn/ui
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kit
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitives
- Your Creative · Melbourne and Sydney agency; accessibility-led branding and web case studies
- Adalat AI · Framer-built civic-tech site: stats-led hero, impact page, 37-role careers hub
- Blocs · macOS visual web design app that exports code and WordPress themes
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kits
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them free
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pages
- Lapa Ninja · 7,300+ landing pages plus a 57-element section index, free books and free UI kits
- Lukasz Adam Illustrations · ~120 free CC0 SVG illustration and icon sets, one Gumroad bundle, no attribution
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring
- Prismic Slice Machine · Local CLI that turns coded slices into a Prismic page builder
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Siteinspire · Hand-curated archive of ~8,000 well-designed websites, filtered by style, type and subject
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabs
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGs
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStack
- Unsection · Gallery of 4,000+ website sections indexed by section type, not by whole page
- WebInspoo · 1,200+ SaaS site screenshots filterable by page type, font, color and stack
- Institute of Health · Webflow marketing site for a functional-nutrition certification course
- Parameter (formerly Hex Security) · Dark-mode security SaaS marketing site; the saved hex.co URL now 301s to parameter.ai