Built with Astro, using islands architecture and hybrid rendering
AstroCorporate Website
shadcn-astro-ink-landing-page-free — Astro Business Template
By shadcnstudio
Ink is a free blog landing page template built on Astro and shadcn/ui for publishing articles, categories, and insights, including a homepage, blog list, article detail, and contact page.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Uses shadcn/ui components with copy-and-modify code
Includes four pages: homepage, blog list, blog detail, and contact
Blog detail supports MDX, table of contents, related articles, and author information
Provides dark mode and Figma design files
Code is under the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
Ink is a free blog landing page template from shadcn/studio, built with Astro, with interface components distributed in shadcn/ui's copy-and-paste style. It targets content sites that need to publish articles, insights, and categorized content, offering four pages: homepage, blog list, blog detail, and contact, and including UI blocks such as Hero, featured articles, category navigation, related articles, CTA sections, and footer.
The blog detail page supports MDX content, a table of contents, and author information, while the list page provides search, category filtering, and pagination. The template includes dark mode and Figma design files, and the README also mentions SEO structure, accessibility design, and Astro's hybrid rendering and islands architecture.
Usage limitations: this entry covers the free version in the repository under the MIT license; the free scope refers only to that version's code. Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses, and external services such as domains, hosting, databases, payments, or AI may incur separate charges. Performance and SEO statements in the README are the template provider's descriptions and have not been independently verified in this material.
AstroCorporate website
Is it right for your project?
Use Cases
- Building a content publishing site for a personal or team blog
- Creating a searchable, category-filterable list page for an existing article library
- Writing long-form detail pages with a table of contents and author information using MDX
- Using it as a landing page starting point for further development with Astro and shadcn/ui
Suitable For
- Content creators who need to publish articles and categorized content
- Front-end developers using the Astro stack
- Teams that want to get started quickly with shadcn/ui components
- Projects that accept a copy-and-paste component distribution approach
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository is a public GitHub repository; install it according to the README and the official Astro template documentation
- 2
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice
- 3
Third-party assets such as demo images, fonts, and icons must have their licenses checked separately
- 4
External services such as domains, hosting, databases, payments, or AI may incur additional costs
- 5
Performance, SEO, and accessibility descriptions in the README are the template provider's statements; verify them yourself
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope is that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- You may freely use, modify, commercially use, and distribute this version's code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and liability limitations are governed by the original license and applicable law.
Additional costs & items to verify
- This template is a free version, and the free scope is limited to the template code in this repository; other shadcn/studio components, blocks, templates, and Figma resources mentioned in the README are paid or separate products and are not included in this free template.
- The template includes Figma design files, but those design files may be subject to a separate license; check the Figma file's authorization terms yourself before use and do not assume they are MIT-licensed like the code.
- The contact page form needs to connect to the blog's own messaging system or a third-party email/form service; such external services may require account registration, API keys, or incur costs.
- Installation and use require reference to the official shadcn/studio documentation, which may describe accounts, external services, or paid features; confirm them yourself before use.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Ink is a Free Shadcn UI Blog Landing Page template
Original README
Figma Design Files Included
Original README
Ready-to-use contact form integrated with your blog's messaging system
Original README
https://github.com/shadcnstudio/shadcn-astro-ink-landing-page-free/blob/main/LICENSE.mdhttps://github.com/shadcnstudio/shadcn-astro-ink-landing-page-free/blob/main/README.mdView Documentation
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- Astro Themes
- Documentation and maintenance reference score
- More documented · 87 / 100
- Technologies
- Astro
- Website type
- Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-08-14
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 37521c8489c9cedab6ae3630aa4a05cb3106b8ce18066aa1bc937a059737eff0
2026-10-03T22:43:21.726Z
Source file / repository<p align="center">
<a href="https://shadcnstudio.com/templates/ink-blog-template-free" target="_blank">
<img src="https://cdn.shadcnstudio.com/ss-assets/template/landing-page/ink/logo.png" alt="ink-logo" width="32px" height="32px">
</a>
</p>
<h1 align="center">
<a href="https://shadcnstudio.com/templates/ink-blog-template-free" target="_blank" align="center">
Ink - Shadcn UI Blog Landing Page Template - Free
</a>
</h1>
<p align="start">Ink is a Free Shadcn UI Blog Landing Page template to publish articles, insights, and categories with a clean, fast, and readable layout.</p>
   
<kbd>[](https://shadcnstudio.com/templates/ink-blog-template-free)</kbd>
## Introduction 🚀
Ink is a Free Shadcn UI Blog Landing Page template to publish articles, insights, and categories with a clean, fast, and readable layout. Designed for modern content creators, Ink delivers a responsive, SEO-friendly experience with polished visuals, smooth animations, and easy customization.
[View Demo](https://shadcnstudio.com/preview/templates/shadcn-astro-ink-landing-page)
[View Documentation](https://shadcnstudio.com/docs/getting-started/shadcn-studio-template-astro)
<p>
Supported by
<a href="https://shadcnstudio.com" target="_blank">
Shadcn Studio
</a>
, with a commitment to empowering the open-source community.
</p>
## 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 your content reaches all audiences
- **Dark Mode Support** - Light, dark, and system theme modes with complete customization
- **Figma Design Files Included** - Design-to-code collaboration made seamless for teams
## Page Structure & Sections
**Pages**
- **Homepage** - Hero section with featured posts, category browsing, and latest articles grid
- **Blog List** - Filterable article catalog with search, category filtering, and pagination for easy content discovery
- **Blog Detail** - Full-width article page with MDX support, table of contents, related posts, and author information
- **Contact Page** - Ready-to-use contact form integrated with your blog's messaging system
**Key UI Sections**
- **Hero Section** - Customizable headline and call-to-action to set the tone for your blog
- **Featured Posts** - Highlight your best content with a dedicated carousel or grid
- **Category Navigation** - Help readers explore topics that interest them
- **Related Posts** - Automatically suggest relevant articles at the end of each post
- **CTA Blocks** - Convert readers with strategically placed call-to-action sections
- **Footer** - Social links, newsletter signup, and navigation footer
---
<br />
<a href="https://shadcnstudio.com" target="_blank">
<img src="https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png" alt="shadcn/studio banner" width="1200">
</a>
<p>
<a href="https://shadcnstudio.com" target="_blank">
shadcn/studio
</a>
is an open-source collection of copy-and-paste shadcn components, blocks, and templates - paired with a powerful theme generator & AI Tools to craft, customize, and ship faster. 🚀
</p>
## Table of Contents 📋
- [Table of Contents 📋](#table-of-contents-)
- [Overview 🌏](#overview-)
- [Not a standard library, but a distribution of components](#not-a-standard-library-but-a-distribution-of-components)
- [Why should I use shadcn/studio? 💡](#why-should-i-use-shadcnstudio-)
- [This is where shadcn/studio shines ✨](#this-is-where-shadcnstudio-shines-)
- [Features ✨](#features-)
- [Documentation 📚](#documentation-)
- [Community 🤝](#community-)
- [Credits 🤘](#credits-)
- [Useful Links 🎁](#useful-links-)
- [Social Media :earth_africa:](#social-media-earth_africa)
---
## Overview 🌏
**This isn't a traditional component library or a replacement for Shadcn**. Instead, it's a unique collection offers customizable variants of components, blocks, and templates. Preview, customize, and copy-paste them into your apps with ease.
Building on the solid foundation of the Shadcn components & blocks, we've enhanced it with custom-designed components & blocks to give you a head start. This allows you to craft, customize, and ship your projects faster and more efficiently.
### Not a standard library, but a distribution of components
Following the philosophy of Shadcn, shadcn/studio isn't a conventional "install-from-NPM" library. Rather, it's an open-source distribution of components designed for maximum adaptability. You can copy the code, modify styles, adjust logic, or integrate it with other tools—free from the limitations of typical libraries. This "open code" model empowers you to customize with confidence and creativity.
## Why should I use shadcn/studio? 💡
shadcn/ui aims to provide core components with a unique distribution system, allowing developers to copy and paste reusable, customizable UI elements directly into their codebase.
While this approach offers flexibility and control, it comes with some limitations: a lack of diverse component variants examples, limited theme customization options, and limited pre-built blocks. Additionally, its extensive customization options, though powerful, can sometimes feel overwhelming, especially for those seeking a more guided or streamlined experience.
## This is where shadcn/studio shines ✨
An open-source & premium collection of copy-and-paste shadcn components, blocks, and templates - paired with a powerful theme generator to craft, customize, and ship faster 🚀. It provides a robust toolkit for building stunning, interactive user interfaces with ease.
- **Open-source:** Dive into a growing, community-driven collection of copy-and-paste [shadcn/ui components]('https://shadcnstudio.com/components'), shadcn blocks, and templates.
- **Component & Blocks variants:** Access a diverse, collection of customizable [shadcn blocks](https://shadcnstudio.com/blocks) and component variants to quickly build and style your UI with ease.
- **Animated variants with Motion:** Add smooth, modern animations to your components, enhancing user experiences with minimal effort.
- **Landing pages & Dashboards:** Explore 20+ premium & free [Shadcn templates](https://shadcnstudio.com/templates) for dashboards, landing pages & more. Fully customizable & easy to use.
- **shadcn/ui for Figma:** Speed up your workflow with [Shadcn Figma](https://shadcnstudio.com/figma) UI components, blocks & templates — a full design library inspired by shadcn/ui.
- **Powerful theme generator:** Customize your UI instantly with [Shadcn Theme Generator](https://shadcnstudio.com/theme-generator). Preview changes in real time and create consistent, on-brand designs faster.
- **shadcn/studio MCP:** Integrate [shadcn/studio MCP](https://shadcnstudio.com/mcp) Server directly into your favorite IDE and craft stunning shadcn/ui Components, Blocks and Pages inspired by shadcn/studio.
- **Shadcn Figma To Code Plugin:** Convert your Figma designs into production-ready code instantly with the [Shadcn Figma Plugin](https://shadcnstudio.com/figma-plugin).
## Features ✨
1. **Live Theme Generator:** See your shadcn components transform instantly as you experiment with styles in real time.
2. **Color Mastery:** Play with background, text, and border hues using a sleek color picker for a unified design.
3. **Typography Fine-Tuning:** Perfect your text with adjustable font sizes, weights, and transformations for a polished look.
4. **Tailwind v4 Compatibility:** Effortlessly use Tailwind v4, supporting OKLCH, HSL, RGB & HEX color formats.
5. **Stunning Theme Starters:** Kick off with gorgeous pre-built themes and customize light or dark modes in a breeze.
6. **Hold to Save Theme:** Preserve your custom themes with a quick hold, making them easy to reuse or share later.
## Documentation 📚
For comprehensive documentation, please visit [shadcn/studio documentation](https://shadcnstudio.com/docs/getting-started/shadcn-studio-template-astro).
## Community 🤝
Join the shadcn/studio community to discuss the library, ask questions, and share your experiences:
- 🐦 [Follow us on Twitter](https://x.com/ShadCNStudio)
- 🎮 [Join us on Discord](https://discord.com/invite/kBHkY7DekX)
## Credits 🤘
We are grateful for the contributions of the open-source community, particularly:
- [shadcn/ui](https://ui.shadcn.com/)
- [tweakcn](https://tweakcn.com/) (Our Theme Generator is heavily inspired by tweakcn)
These projects form the backbone of shadcn/studio, allowing us to build a powerful copy-and-paste components.
## Useful Links 🎁
- [Shadcn Blocks](https://shadcnstudio.com/blocks)
- [Shadcn Templates](https://shadcnstudio.com/templates)
- [Shadcn Figma UI Kit](https://shadcnstudio.com/figma)
- [Shadcn Theme Generator](https://shadcnstudio.com/theme-generator)
- [Shadcn MCP Server](https://shadcnstudio.com/mcp)
- [Shadcn IDE Extension](https://shadcnstudio.com/ide-extension)
- [Shadcn Components](https://shadcnstudio.com/components)
- [Shadcn Figma to Code](https://shadcnstudio.com/figma-plugin)
## Social Media :earth_africa:
- [x](https://x.com/ShadcnStudio)
- [Discord](https://discord.com/invite/kBHkY7DekX)
- [YouTube](https://www.youtube.com/@themeselection)
Explore similar templates
Compare previews and descriptions within the same stack and category.
astrowind
AstroWind is a free, open-source Astro starter theme using Astro and Tailwind CSS, released under the MIT license.
Astro · Blog
astro-landing-page
An Astro + Tailwind CSS landing page example template with theme variables, dark mode, responsive layout, and Open Graph tags, under the MIT license, suitable as a starting point for single-page product, event, or corporate homepage sites.
Astro · Corporate Website
Tailcast
Tailcast is a dark-themed corporate website template built with Astro and Tailwind CSS for a fictional startup.
Astro · Corporate Website
Positivus
Positivus is an Astro and Tailwind CSS landing page theme for digital marketing agencies, maintained by manulthanura with a demo on Vercel.
Astro · Corporate Website
qwind
Qwind is a free and open-source website template built on Qwik and Tailwind CSS, featuring directory-based routing via QwikCity, a Markdown blog, dark mode, and static deployment configuration.
Astro · Tool Site
agency-landing-page-Astrojs
A single-page digital agency landing page template built with Astro and Tailwind CSS, featuring light and dark themes and a modular component directory. Suitable for static showcase pages, with MIT-licensed code and third-party assets requiring separate license verification.
Astro · Corporate Website