Ink is a free, open-source blog landing page template built with Astro and shadcn/ui, designed for publishing articles, insights, and categories in a clean, fast, readable layout. The template ships with a homepage, a filterable blog list, MDX-powered article detail pages, and a contact page, all optimized for SEO and Core Web Vitals.
What is Ink?
Ink is a free Shadcn UI blog landing page template from Shadcn Studio, intended for publishing articles, insights, and categories. It runs on the Astro framework with shadcn/ui components, using hybrid rendering and island architecture. Input is Markdown/MDX content, and output is a static, SEO-friendly website with responsive layout, dark mode, and accessibility support. The template includes a homepage with hero and featured posts, a blog list with search and category filtering, a blog detail page with table of contents and related posts, and a contact page with a form.
Key Features
- SEO & Performance Optimized — Fast load times, Core Web Vitals ready, and search-engine friendly structure out of the box.
- Built with Astro — Hybrid rendering, island architecture, and fast progressive enhancement for modern content sites.
- Fully Accessible — WCAG compliant design ensures content reaches all audiences.
- Dark Mode Support — Light, dark, and system theme modes with complete customization.
- Figma Design Files Included — Design-to-code collaboration for teams.
- MDX Blog Detail Pages — Full-width article layout with MDX support, table of contents, related posts, and author information.
- Filterable Blog List — Article catalog with search, category filtering, and pagination for easy content discovery.
- Ready-to-use Contact Page — Contact form integrated with your blog's messaging system.
Who is it for?
- Independent bloggers — Publish and organize articles with a clean layout, categories, and featured posts without building a site from scratch.
- Front-end developers — Customize the Astro + shadcn/ui stack to create a fast, accessible content site with dark mode and SEO features.
- Design teams — Use the included Figma files to prototype layouts and hand off designs to developers.
What can you do with Ink?
- Personal blogs: Set up a lightweight blog with a hero section, featured posts, category navigation, and related articles.
- Content marketing sites: Publish insights and articles with an SEO-friendly structure, fast load times, and a contact form for lead capture.
- Writing portfolios: Use the MDX-powered blog detail page to showcase long-form writing with a table of contents and author information.
Pricing
Ink is free and open-source. The GitHub repository displays a license badge, and the template is part of Shadcn Studio's open-source collection of copy-paste components, blocks, and templates. No premium tier is mentioned on the page.
FAQ
Is Ink free?
Yes, the template is free to use and modify. It is released as part of Shadcn Studio's open-source collection, and the title explicitly marks it as free.
What framework does Ink use?
Ink is built with Astro, using shadcn/ui components. It leverages Astro's hybrid rendering and island architecture to deliver fast, SEO-friendly pages.
Does Ink include design files?
Yes, the template includes Figma design files, allowing designers and developers to collaborate between design and code.
What pages are included in Ink?
The template includes four pages: a homepage with hero and featured posts, a blog list with search and category filtering, a blog detail page with MDX support and table of contents, and a contact page with a form.
