Volver a recursos

Zutra HyperSaaS — SaaS Landing & Dashboard UI Kit

A production-ready Astro 7 + Tailwind v4 UI kit with a complete SaaS landing and dashboard interface. SEO, analytics, accessibility, theming and i18n are wired up; auth and billing ship as UI plus integration-ready stubs — you bring your own backend.

Zutra HyperSaaS — SaaS Landing & Dashboard UI Kit

Construido con

Astro 7 + Tailwind v4 / TypeScript / Vitest / Cloudflare Pages · Vercel · Netlify / Node 22.22+ · pnpm

Qué incluye

  • Landing, pricing, about, contact, roadmap, status, changelog, blog and docs pages
  • Dashboard UI: overview, billing, users, logs and settings
  • Auth UI with stub API routes ready for Supabase, Clerk or your own backend
  • Dark / light mode and accent ThemePicker (7 presets + custom hex)
  • SEO: JSON-LD schemas, OG image generation, sitemap and robots.txt
  • GDPR cookie banner with Plausible, PostHog and GA4 hooks
  • Honeypot anti-bot, rate limiting and CSP headers
  • 69 Vitest tests, ESLint and strict TypeScript

Stop rebuilding the same marketing site and dashboard shell for every SaaS you ship. Zutra HyperSaaS is a production-ready Astro 7 + Tailwind v4 UI kit: a complete SaaS landing and a dashboard interface, with SEO, analytics, accessibility, theming and i18n already wired up. You bring your own backend.

What's included

  • Marketing site: home, pricing, about, contact, roadmap, status, changelog, blog and docs pages
  • Dashboard UI: overview, billing, users, logs and settings — UI only, backed by example data
  • Auth UI (login, signup, forgot password) with stub API routes ready to wire to Supabase, Clerk or your own backend
  • Dark / light mode with animated crossfade, plus an accent ThemePicker (7 presets + custom hex)
  • Self-hosted Inter font — no CDN requests
  • OG image generation, JSON-LD schemas (WebSite, Organization, FAQ, Product, Article), sitemap and robots.txt
  • GDPR cookie consent banner and analytics hooks for Plausible, PostHog and GA4
  • Honeypot anti-bot and rate limiting on all forms, plus Content Security Policy headers
  • Accessibility: skip-to-content, focus-trapped mobile drawer, prefers-reduced-motion support
  • Vitest suite (69 tests), ESLint and strict TypeScript

What it is not

Auth, billing and the dashboard data are polished UI plus integration-ready stubs. They are not functional out of the box: you connect your own backend (Supabase, Stripe, Resend, etc.). All configuration lives in src/config and src/content, so you never need to touch components.

Requirements

Node 22.22+ · pnpm. Astro 7 · Tailwind v4 · TypeScript.

Siguiente

¿NECESITAS ALGO A LA MEDIDA?

Si lo que buscas no es una plantilla sino un proyecto, hablemos 30 minutos.

Activa solo lo que quieras permitir. Las cookies esenciales mantienen el sitio funcionando.

Leer política de privacidad
Escríbenos por WhatsApp