---
name: "@zippystarter"
slug: "zippystarter"
description: "Freemium shadcn/ui block, component, and template registry targeting Next.js with Tailwind CSS. Free tier includes a growing set of marketing blocks: Hero (5 variants), Feature, Pricing, FAQ, Contact, Blog, About, and Image Group sections. Pro tier adds full Next.js starter templates (Devstarter developer portfolio, Focus marketing site, Nimble SaaS template) plus a private registry and MDX blog scaffold with a CLI that generates post stubs. Trusted by 50+ developers. Use for: quickly assembling a polished Next.js marketing site or SaaS landing page from copy-paste sections, especially when you also want matching full-page starter templates to maintain UI consistency as the project grows."
category: "Blocks & sections (marketing/SaaS)"
tags: ["accessibility", "ai", "blocks", "cms", "marketing", "media", "pro-available", "saas", "theming"]
framework: "react"
license: null
author: null
website: "https://zippystarter.com"
github: "N/A"
registry: "https://zippystarter.com/r/registry.json"
pro: true
pro_url: "https://zippystarter.com/pricing"
github_stars: null
component_count: 77
generated_at: "2026-07-28T08:00:50.948Z"
---

# @zippystarter

Freemium shadcn/ui block, component, and template registry targeting Next.js with Tailwind CSS. Free tier includes a growing set of marketing blocks: Hero (5 variants), Feature, Pricing, FAQ, Contact, Blog, About, and Image Group sections. Pro tier adds full Next.js starter templates (Devstarter developer portfolio, Focus marketing site, Nimble SaaS template) plus a private registry and MDX blog scaffold with a CLI that generates post stubs. Trusted by 50+ developers. Use for: quickly assembling a polished Next.js marketing site or SaaS landing page from copy-paste sections, especially when you also want matching full-page starter templates to maintain UI consistency as the project grows.

## Links

- Website: https://zippystarter.com
- GitHub: N/A
- Registry JSON: https://zippystarter.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/zippystarter
- This file: https://sh4dcn.vercel.app/md/zippystarter.md
- Pro / pricing: https://zippystarter.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://zippystarter.com/r/registry.json
pnpm dlx shadcn@latest add https://zippystarter.com/r/registry.json
bunx shadcn@latest add https://zippystarter.com/r/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://zippystarter.com/r/registry.json
```

## Components (77)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | Index | `npx shadcn@latest add https://zippystarter.com/r/index.json` |
| avatars | registry:file | Avatars | `npx shadcn@latest add https://zippystarter.com/r/avatars.json` |
| font-geist | registry:font | Geist font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-geist.json` |
| font-karla | registry:font | Karla font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-karla.json` |
| font-inter | registry:font | Inter font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-inter.json` |
| font-inter-tight | registry:font | Inter Tight font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-inter-tight.json` |
| font-mona-sans | registry:font | Mona Sans font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-mona-sans.json` |
| font-roboto | registry:font | Roboto font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-roboto.json` |
| font-open-sans | registry:font | Open Sans font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-open-sans.json` |
| font-lato | registry:font | Lato font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-lato.json` |
| font-poppins | registry:font | Poppins font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-poppins.json` |
| font-source-sans-pro | registry:font | Source Sans Pro font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-source-sans-pro.json` |
| font-nunito | registry:font | Nunito font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-nunito.json` |
| font-figtree | registry:font | Figtree font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-figtree.json` |
| font-host-grotesk | registry:font | Host Grotesk font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-host-grotesk.json` |
| font-space-grotesk | registry:font | Space Grotesk font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-space-grotesk.json` |
| font-montserrat | registry:font | Montserrat font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-montserrat.json` |
| font-raleway | registry:font | Raleway font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-raleway.json` |
| font-noto-sans | registry:font | Noto Sans font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-noto-sans.json` |
| font-work-sans | registry:font | Work Sans font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-work-sans.json` |
| font-roboto-flex | registry:font | Roboto Flex font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-roboto-flex.json` |
| font-merriweather | registry:font | Merriweather font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-merriweather.json` |
| font-lora | registry:font | Lora font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-lora.json` |
| font-eb-garamond | registry:font | EB Garamond font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-eb-garamond.json` |
| font-playfair-display | registry:font | Playfair Display font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-playfair-display.json` |
| font-instrument-serif | registry:font | Instrument Serif font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-instrument-serif.json` |
| font-source-serif-pro | registry:font | Source Serif Pro font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-source-serif-pro.json` |
| font-crimson-text | registry:font | Crimson Text font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-crimson-text.json` |
| font-oswald | registry:font | Oswald font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-oswald.json` |
| font-bebas-neue | registry:font | Bebas Neue font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-bebas-neue.json` |
| font-anton | registry:font | Anton font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-anton.json` |
| font-righteous | registry:font | Righteous font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-righteous.json` |
| font-geist-mono | registry:font | Geist Mono font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-geist-mono.json` |
| font-jetbrains-mono | registry:font | JetBrains Mono font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-jetbrains-mono.json` |
| font-roboto-mono | registry:font | Roboto Mono font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-roboto-mono.json` |
| font-source-code-pro | registry:font | Source Code Pro font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-source-code-pro.json` |
| font-fira-code | registry:font | Fira Code font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-fira-code.json` |
| font-ibm-plex-mono | registry:font | IBM Plex Mono font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-ibm-plex-mono.json` |
| font-courier-prime | registry:font | Courier Prime font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-courier-prime.json` |
| font-dancing-script | registry:font | Dancing Script font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-dancing-script.json` |
| font-pacifico | registry:font | Pacifico font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-pacifico.json` |
| font-indie-flower | registry:font | Indie Flower font from Google Fonts | `npx shadcn@latest add https://zippystarter.com/r/font-indie-flower.json` |
| avatar | registry:component | Circular Avatar | `npx shadcn@latest add https://zippystarter.com/r/avatar.json` |
| image | registry:component | An image element you can use with any framework | `npx shadcn@latest add https://zippystarter.com/r/image.json` |
| link | registry:component | A link element you can use with any framework | `npx shadcn@latest add https://zippystarter.com/r/link.json` |
| container | registry:component | A container component to apply a consistent layout | `npx shadcn@latest add https://zippystarter.com/r/container.json` |
| ghibli | registry:style | A theme based on the Ghibli color palette | `npx shadcn@latest add https://zippystarter.com/r/ghibli.json` |
| focus | registry:style | A theme based on the Focus color palette | `npx shadcn@latest add https://zippystarter.com/r/focus.json` |
| nimble | registry:style | A theme based on the Nimble color palette | `npx shadcn@latest add https://zippystarter.com/r/nimble.json` |
| starbucks | registry:style | A theme based on the Starbucks color palette | `npx shadcn@latest add https://zippystarter.com/r/starbucks.json` |
| skyline | registry:style | A theme based on the Skyline color palette | `npx shadcn@latest add https://zippystarter.com/r/skyline.json` |
| bourbon | registry:style | A theme based on the Bourbon color palette | `npx shadcn@latest add https://zippystarter.com/r/bourbon.json` |
| pumpkin-spice | registry:style | A theme based on the Pumpkin Spice color palette | `npx shadcn@latest add https://zippystarter.com/r/pumpkin-spice.json` |
| catppuccin | registry:style | A theme based on the Catppuccin color palette | `npx shadcn@latest add https://zippystarter.com/r/catppuccin.json` |
| monokai | registry:style | A theme based on the Monokai color palette | `npx shadcn@latest add https://zippystarter.com/r/monokai.json` |
| neon-dreams | registry:style | A theme based on the Neon Dreams color palette | `npx shadcn@latest add https://zippystarter.com/r/neon-dreams.json` |
| desert-mirage | registry:style | A theme based on the Desert Mirage color palette | `npx shadcn@latest add https://zippystarter.com/r/desert-mirage.json` |
| neon-void | registry:style | A theme based on the Neon Void color palette | `npx shadcn@latest add https://zippystarter.com/r/neon-void.json` |
| netflix | registry:style | A theme based on the Netflix color palette | `npx shadcn@latest add https://zippystarter.com/r/netflix.json` |
| vercel | registry:style | A theme based on the Vercel color palette | `npx shadcn@latest add https://zippystarter.com/r/vercel.json` |
| rose | registry:style | A theme based on the Rose color palette | `npx shadcn@latest add https://zippystarter.com/r/rose.json` |
| blue | registry:style | A theme based on the Blue color palette | `npx shadcn@latest add https://zippystarter.com/r/blue.json` |
| green | registry:style | A theme based on the Green color palette | `npx shadcn@latest add https://zippystarter.com/r/green.json` |
| amber | registry:style | A theme based on the Amber color palette | `npx shadcn@latest add https://zippystarter.com/r/amber.json` |
| purple | registry:style | A theme based on the Purple color palette | `npx shadcn@latest add https://zippystarter.com/r/purple.json` |
| orange | registry:style | A theme based on the Orange color palette | `npx shadcn@latest add https://zippystarter.com/r/orange.json` |
| teal | registry:style | A theme based on the Teal color palette | `npx shadcn@latest add https://zippystarter.com/r/teal.json` |
| red | registry:style | A theme based on the Red color palette | `npx shadcn@latest add https://zippystarter.com/r/red.json` |
| yellow | registry:style | A theme based on the Yellow color palette | `npx shadcn@latest add https://zippystarter.com/r/yellow.json` |
| violet | registry:style | A theme based on the Violet color palette | `npx shadcn@latest add https://zippystarter.com/r/violet.json` |
| cyan | registry:style | A theme based on the Cyan color palette | `npx shadcn@latest add https://zippystarter.com/r/cyan.json` |
| emerald | registry:style | A theme based on the Emerald color palette | `npx shadcn@latest add https://zippystarter.com/r/emerald.json` |
| indigo | registry:style | A theme based on the Indigo color palette | `npx shadcn@latest add https://zippystarter.com/r/indigo.json` |
| lime | registry:style | A theme based on the Lime color palette | `npx shadcn@latest add https://zippystarter.com/r/lime.json` |
| pink | registry:style | A theme based on the Pink color palette | `npx shadcn@latest add https://zippystarter.com/r/pink.json` |
| sky | registry:style | A theme based on the Sky color palette | `npx shadcn@latest add https://zippystarter.com/r/sky.json` |
| fuchsia | registry:style | A theme based on the Fuchsia color palette | `npx shadcn@latest add https://zippystarter.com/r/fuchsia.json` |

## For AI agents

```text
You are adding components from @zippystarter to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/zippystarter.md) for the component list.
2. Fetch the machine-readable index: https://zippystarter.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: zippystarter).
```