Back to templates

Template details

Crypgo

Free open-source crypto landing page template for Next.js and Astro, built with Tailwind CSS and shadcn/ui.

About this template

Crypgo is a free, open-source crypto landing page template that ships in both Next.js and Astro, built with Tailwind CSS and shadcn/ui for crypto startups, Web3 products, and SaaS businesses.

What is Crypgo?

Crypgo is a free, open-source landing page template designed specifically for crypto and Web3 projects. It provides a modern, responsive interface built with Tailwind CSS and shadcn/ui components, and it runs on either the Next.js or Astro framework. The template takes content and structure defined by the developer and produces a production-ready marketing site with SEO-friendly markup. It is created and maintained by shadcn/space, a collection of shadcn/ui blocks, components, and templates for React and Next.js.

Key Features

  • Dual framework support — available in both Next.js and Astro directories within the repository, letting developers pick their preferred React meta-framework or the lighter Astro static site generator.
  • Tailwind CSS styling — entire UI is styled with Tailwind CSS utility classes for rapid customization without writing custom CSS.
  • shadcn/ui components — built on shadcn/ui, which provides accessible, consistent React components that can be copied and customized directly into your project.
  • Responsive layout — fully responsive and optimized for all screen sizes, from mobile to desktop.
  • SEO-ready markup — follows modern SEO best practices in the generated HTML structure.
  • Lightweight and fast — minimal dependencies and fast-loading pages, suitable for performance-conscious marketing sites.
  • One-click Vercel deployment — includes a deploy button that clones the repository to Vercel instantly.
  • Free and commercial use — licensed under MIT, so you can use it for personal and commercial projects without restriction.

Who is Crypgo for?

  • Crypto startups — launch a professional marketing page for a token, exchange, or DeFi protocol without hiring a designer.
  • Web3 product teams — showcase a blockchain product, token utility, or roadmap with a clean, modern interface.
  • SaaS businesses — adapt the landing page to promote a software product with the same shadcn/ui design language.
  • Developers — use it as a learning resource or starting point for building fast, accessible landing pages with Next.js or Astro.

What can you do with Crypgo?

  • Token launches: create a landing page that presents token utility, roadmap, and team information to potential investors.
  • Crypto trading platforms: display trading features, charts, and call-to-action sections to encourage sign-ups.
  • Web3 apps: promote a dApp or blockchain service with a responsive, SEO-friendly marketing site.
  • Developer portfolio: customize the template to showcase personal projects or open-source contributions in the crypto space.

How does Crypgo work?

To get started, clone the repository with git clone https://github.com/shadcnspace/crypgo-shadcn-ui-landingpage.git, then choose the nextjs or astro folder. Install dependencies with npm, pnpm, or yarn, and run the development server with npm run dev (or the equivalent). You can also deploy instantly to Vercel by clicking the "Deploy with Vercel" button in the README.

Pricing

Crypgo is completely free and open-source under the MIT license. You can use it for personal or commercial projects without paying any license fees.

FAQ

Is Crypgo free to use?

Yes, Crypgo is 100% free and open-source. It uses the MIT license, so you can use it for personal and commercial projects without restrictions.

What frameworks does Crypgo support?

Crypgo is available in two versions: one built with Next.js and one built with Astro. Both use Tailwind CSS and shadcn/ui for styling and components.

Does Crypgo work with Vercel?

Yes, the README includes a one-click deployment button that clones the repository to Vercel, so you can deploy the landing page in seconds.

How do I run Crypgo locally?

Clone the repository, navigate to the nextjs or astro folder, install dependencies with npm, pnpm, or yarn, then start the development server with npm run dev. The site will be available at http://localhost:3000.

Can I customize Crypgo for a non-crypto project?

Yes, the template is built with reusable components and Tailwind CSS, so you can replace the crypto-specific content and branding to fit a SaaS, Web3, or any other type of landing page.

screenshot of Crypgo on template0.com