Astro, React & Tailwind components to download or access with a lifetime licence.

Astro and Tailwind components, answered.

What are Astro components?

Astro components are reusable .astro files that render to static HTML at build time and ship zero JavaScript unless you opt in. That makes them fast by default — you only hydrate the interactive parts, using React, Svelte or Vue islands where you genuinely need them.

Are these prebuilt components free?

40 of the components here are free and open-source under an MIT licence — copy the source straight out of the demo page. The complete maintained library, including the WebGL shader backgrounds and conversion sections, is available with a lifetime licence.

Do the components work outside Astro?

The React components (islands, popups, expandable cards, galleries) drop into any React project — Next.js, Vite or Remix — because they are plain React plus Tailwind classes. The .astro section components are Astro-specific, though their markup and Tailwind classes port over with little effort.

What do I need to use these web design components?

Tailwind CSS, and Astro or React depending on the component. Nothing is locked to a proprietary runtime or design system — the components use standard Tailwind utility classes and CSS custom properties, so they inherit whatever brand colours and fonts your project already defines.

Are these components accessible and responsive?

Yes. Every component is built mobile-first, respects prefers-reduced-motion, keeps keyboard focus visible, and uses semantic landmarks and ARIA only where native elements cannot do the job. The WebGL backgrounds fall back cleanly when WebGL is unavailable.