ASTRO ECOSYSTEM

Explore the Astro Ecosystem

A curated collection of themes, integrations, components, and 3D resources to supercharge your Astro projects. Built by the community, maintained by Lusion.

82 resources available

Themes & Templates

24

AstroWind

A free marketing and blog template built with Astro and Tailwind CSS, featuring dark mode and responsive layouts.

freemarketingblog

Astroship

A free startup landing page template with hero sections, pricing tables, and a slick dark SaaS aesthetic.

freelandingsaas

Odyssey

A free business website template with bold typography and smooth scroll animations for agencies and studios.

freebusinessagency

Accessible Astro Starter

A free WCAG-compliant starter with semantic HTML, ARIA landmarks, and full keyboard navigation support.

freeaccessibilitywcag

Starfolio

A free minimal portfolio template with grid-based layouts and smooth transitions for designers.

freeportfoliominimal

as-folio

A free academic portfolio template featuring publication lists and CV sections for researchers.

freeacademicportfolio

AEON

A free portfolio template with bold geometric accents and fluid animations for creatives and artists.

freeportfoliocreative

Space

A free blog template with a spacious reading layout, dark mode, and distraction-free content hierarchy.

freeblogminimal

Lexington

$99

A premium collection of 89 distinct Astro themes for portfolios, SaaS products, blogs, and marketing sites.

paidmarketingportfolio

Cosmic Themes All Access

$99/yr

A premium subscription unlocking every Cosmic Theme for Astro, including agency kits and early-access designs.

paidagencye-commerce

Shadcnblocks

$99

A premium block library with 1200+ copy-paste UI components for Astro, built with Tailwind and shadcn/ui patterns.

paiduiblocks

AstroVault

$99

A premium marketplace with 33+ handcrafted Astro templates — SaaS dashboards, editorial magazines, and more.

paidsaasdashboard

GetAstroThemes

$99

A curated premium theme shop with professionally designed Astro templates and lifetime updates.

paidportfolioblog

Astros

$79

A premium agency-themed Astro template with client management, project showcases, and a bold studio aesthetic.

paidagencystudio

Vertex

$89

A premium SaaS-focused Astro template with pricing tables, feature grids, and a high-conversion hero section.

paidsaasb2b

Pulse

$69

A premium blog template with editorial layouts, newsletter integrations, and a refined typographic system.

paidblogeditorial

basics

The official bare-bones Astro starter scaffold with file-based routing and layouts to build anything.

starterminimalofficial

blog

The official Astro blog starter with markdown support, syntax highlighting, RSS feeds, and sitemap generation.

starterblogofficial

starlight

The official Astro documentation starter with full-text search, dark/light mode, and a polished docs UI.

starterdocsofficial

minimal

An official Astro starter with zero assumptions — just the core rendering pipeline and a clean slate.

starterminimalofficial

portfolio

An official Astro starter for personal portfolios with a project grid, about section, and contact form.

starterportfolioofficial

landing

An official Astro landing page starter with hero, features, pricing, and CTA sections pre-wired.

starterlandingofficial

saas

An official Astro SaaS starter with authentication patterns, pricing tiers, and a dashboard scaffold.

startersaasofficial

docs

An official Astro starter for product docs — MDX support, versioned docs, and API reference layout.

starterdocsofficial

Integrations & Plugins

30

@astrojs/react

3.1M/wk

The official Astro integration for React — enables React components and the full React ecosystem within Astro.

frameworkreactofficial

@astrojs/svelte

1.2M/wk

The official Astro integration for Svelte — brings Svelte 5 rune-based components into Astro with zero config.

frameworksvelteofficial

@astrojs/vue

980K/wk

The official Astro integration for Vue 3 — supports Vue composition API and single-file components in Astro.

frameworkvueofficial

@astrojs/preact

540K/wk

The official Astro integration for Preact — a 3KB React alternative for performance-critical interactive islands.

frameworkpreactofficial

@astrojs/solid-js

420K/wk

The official Astro integration for SolidJS — compiles fine-grained reactive components without a virtual DOM.

frameworksolid-jsofficial

@astrojs/alpinejs

310K/wk

The official Astro integration for Alpine.js — a lightweight reactive scripting layer for sprinkles of interactivity.

frameworkalpinejsofficial

@astrojs/lit

220K/wk

The official Astro integration for Lit — enables Web Components as hydrated interactive Astro islands.

frameworklitofficial

@astrojs/tailwind

1.4M/wk

The official Astro integration for Tailwind CSS — configure Tailwind 4 in seconds with auto PurgeCSS support.

csstailwindofficial

@unocss/astro

752K/wk

UnoCSS integration for Astro — an instant on-demand atomic CSS engine with 240+ preset shortcuts.

cssunocssatomic

unplugin-fonts

770K/wk

An Astro integration for auto-loading Google Fonts and custom font files at build time with subsetting and preloading.

cssfontsperformance

@sanity/astro

98K/wk

Sanity CMS integration for Astro — real-time structured content with visual editing and image pipeline.

cmssanitycontent

@storyblok/astro

36K/wk

Storyblok integration for Astro — visual page building with component library, hot-reload, and live preview.

cmsstoryblokvisual

@keystatic/astro

54K/wk

Keystatic CMS integration for Astro — a Git-backed headless CMS with MDX editing and type-safe schemas.

cmskeystaticgit-backed

@astrolib/seo

76K/wk

Astro SEO library for generating OG tags, Twitter cards, canonical URLs, and structured data with zero runtime overhead.

seometaopen-graph

astro-og-canvas

71K/wk

Generate Open Graph images at build time using Canvas API — dynamic social share cards with titles and branding.

seoog-imagecanvas

@astrojs/sitemap

4.2M/wk

The official Astro sitemap integration — auto-generates sitemap.xml for all static and server-rendered pages.

seositemapofficial

@swup/astro

127K/wk

Swup integration for Astro — a content-aware page transition library with smooth morphing animations between routes.

animationpage-transitionsswup

@polgubau/astro-reveal

45K/wk

Reveal.js integration for Astro — slide deck presentations with markdown support, speaker notes, and embedded demos.

animationpresentationsslides

astro-theme-toggle

38K/wk

A lightweight dark/light theme toggle component with system preference detection and smooth CSS transitions.

animationthemedark-mode

astro-embed-youtube

175K/wk

Astro component for YouTube lite embeds with lazy loading, no cookies, and customizable overlay thumbnails.

mediavideoyoutube

astro-embed-twitter

148K/wk

Astro component for embedding Twitter/X posts as static blockquotes — no JavaScript widgets or tracking.

mediasocialtwitter

@unpic/astro

95K/wk

Astro integration for Unpic image CDN — automatic responsive srcset, lazy loading, and layout shift prevention.

mediaimagescdn

@clerk/astro

76K/wk

Clerk authentication for Astro — sign-in, sign-up, and session management with pre-built components and middleware.

authclerkauthentication

auth-astro

56K/wk

Lightweight authentication for Astro supporting OAuth, email/password, and JWT — designed for edge deployments.

authoauthjwt

@astrojs/vercel

2.1M/wk

The official Astro adapter for Vercel — deploy SSR and static sites with ISR support and automatic image optimization.

deployvercelofficial

@astrojs/netlify

1.8M/wk

The official Astro adapter for Netlify — serverless Astro functions, edge rendering, and incremental static regeneration.

deploynetlifyofficial

@astrojs/cloudflare

890K/wk

The official Astro adapter for Cloudflare Pages — deploy to the global edge with Workers and streaming SSR.

deploycloudflareofficial

@astrojs/node

720K/wk

The official Astro adapter for Node.js — enables full SSR with a standalone Node server for VPS and Docker.

deploynodeofficial

@astrojs/deno

210K/wk

The official Astro adapter for Deno Deploy — SSR on Deno's edge runtime with native TypeScript support.

deploydenoofficial

@astrojs/flightcontrol

68K/wk

An Astro adapter for AWS via Flightcontrol — auto-scaling serverless deployments on AWS Fargate with zero-config CI/CD.

deployawsflightcontrol

Component Libraries

10

accessible-astro-components

25K/wk

WCAG 2.1 AA compliant Astro components — modals, accordions, tabs, breadcrumbs, and skip links with full keyboard navigation.

uiaccessibilitywcag

pindoba

12K/wk

A minimal dependency-free carousel for Astro with CSS scroll snapping, touch support, and configurable auto-play.

uicarouselslider

@terrahq/astro-core

33K/wk

A comprehensive set of Astro primitives — form inputs, buttons, tooltips, badges, and data tables with a cohesive design system.

uiprimitivesdesign-system

astro-icon

518K/wk

A fast icon component for Astro with zero JavaScript — supports icon sprites, inline SVGs, and automatic icon set bundling.

iconsuisvg

phosphor-astro

89K/wk

Astro component library for Phosphor Icons — flexible icon family with thin to bold weights, duotone, and 1000+ icons.

iconsphosphorsvg

astro-lucide

210K/wk

Astro integration for Lucide icons — a clean, open-source icon library with 1000+ icons as zero-JS SVG imports.

iconslucidesvg

astro-navbar

22K/wk

A lightweight responsive navigation component with mega menu, dropdowns, mobile hamburger, and semantic ARIA landmarks.

navigationuinavbar

astro-breadcrumbs

23K/wk

A simple accessible breadcrumb component that auto-generates navigation paths from URL segments with schema.org microdata.

navigationuiaccessibility

astro-embed

67K/wk

A unified Astro component library for embedding YouTube, Twitter, GitHub gists, and generic iframes with lazy loading.

mediauiembed

@analogjs/astro-angular

41K/wk

Analog framework integration bringing Angular 19 components to Astro — reactive primitives inside the Astro pipeline.

frameworkangulardata

3D & WebGL Resources

10

Three.js Examples

50+ production-quality Three.js scenes covering shaders, post-processing, physics, GLTF loaders, and WebGL techniques.

modelswebglshaders

Sketchfab

A marketplace with 100K+ shareable 3D models in GLTF and GLB — characters, environments, and mechanical parts viewable in WebGL.

modelswebglgltf

Poly Pizza

A curated library of low-poly 3D assets optimized for WebGL — stylized characters, environments, and props with clean topology.

modelslow-polywebgl

PMNDRS Market

A WebGL-focused marketplace from the pmndrs collective — curated GLTF assets, HDRIs, and shader-ready models with PBR materials.

modelswebglgltf

KhronosGroup GLTF-Sample-Models

The official Khronos Group GLTF 2.0 sample repository — 100+ validated GLTF/GLB reference files for testing loaders and viewers.

modelsgltfreference

@react-three/drei

100+ helpers

A library of 100+ helper components for React Three Fiber — loaders, controls, effects, and geometry helpers for 3D scene assembly.

modelswebglhelpers

Three.js Journey

The definitive Three.js learning platform — comprehensive video course covering shaders, post-processing, and real-world project architecture.

learningwebglshaders

Spline

A collaborative 3D design tool for interactive WebGL scenes — export to GLTF and embed directly into web pages with event-driven animations.

toolswebgl3d-design

Blender

The free and open-source 3D creation suite — full modeling, rigging, animation, simulation, rendering, and compositing pipeline.

tools3d-creationmodels

Lusion Experiments

The experimental playground from the Lusion creative studio — WebGL art, shader explorations, and 3D interactions that push browser rendering.

experimentswebglshaders
Lusion Est. 2026
0
1
0
1
0
1
Loading