Blog Post
The article page that has to hold attention, credit its author, and convert a reader onward.
Content & Publishing · 12 checks · 34 resources
Before you ship
12- 01Title — copy that tells the user what to expect, phrased in an eye-catching or interesting manner
- 02Sub heading — elaborating on the title and defining the purpose of the post
- 03Thumbnail — a visual aid illustrating the themes of the content, drawn from the brand style guide
- 04Author — who wrote and contributed to the post, with a selectable author profile
- 05Content — the post itself, with responsiveness considered on smaller devices
- 06Social sharing tools — the ability to share or send the post, positioned so it stays available while reading
- 07Lead conversion content — relevant information about your product that ties in with the post
- 08Related articles — suggested posts relevant to the current one
- 09Opt-in for subscription — a signup form to notify readers of new posts
- 10Date posted — when the post was shared live
- 11Tags — a specific category for users to explore as a topic
- 12Comments — a section for discussion that readers can join
Resources that help you build this
34- 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
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templates
- Open Design · Local-first desktop app that turns a coding agent into a design engine
- Open Design · Local-first desktop app that turns your coding agent into a design engine
- Plate · Slate-based rich-text editor framework with 86 shadcn-installable editor components
- 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
- BestWebsiteTemplate · 881 Webflow, Framer and Shopify templates, each scored out of 10 by 11 named reviewers
- Code Blocks · shadcn registry of 30 items for syntax-highlighted code blocks
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocks
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templates
- Pexels · Free stock photos and video, free API at 200 req/hour and 20,000/month
- Realtime Colors · Preview five colour roles and fonts on a live site, export shadcn or Tailwind tokens
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- 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
- Sugar High · Zero-dependency ~1KB syntax highlighter for 25 languages, themed with CSS vars
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitives
- Adalat AI · Framer-built civic-tech site: stats-led hero, impact page, 37-role careers hub
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them free
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and Svelte
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pages
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfaces
- 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
- 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
- Mockuuups Bento Grid Examples · Listicle of 9 named sites using bento-grid layouts, with a short read on each