Astro Hackathon Showcase

🎨 Themes Honourable Mention 🏆

agnostic-astro

by Rob Levin

GitHub npm Live Preview

README.md

Honourable mention statuette

agnostic-astro

image

License Maintenance GitHub commits PRs Welcome Gitter

agnostic-astro is the Astro port of AgnosticUI that leverages XElement and Astro components. These UI components take advantage of the Astro’s unique HTML-only templating with no client-side runtime capabilities.

The fact that Astro components render to HTML during your build means a boost in performance and a faster site for your users…and this is exactly why we eagerly created a port of our UI components for our fellow Astro devs!

What is AgnosticUI?

AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: Astro (new), React, Vue 3, Svelte, Astro, and Angular (experimental).

AgnosticUI Documentation

Features

  • 🔥 Available in Astro (new), React, Vue 3, Svelte, Astro, and Angular (experimental)
  • 🖌️ CSS custom properties-based theming
  • 💪 Clean, semantic, and accessible HTML
  • 💯 Decoupled standards-based CSS (no preprocessing)

Contributions are definitely welcome! <3

Made with ❤️ | HTML | CSS | JavaScript by Rob Levin

Honourable mention: “Community MVP”

Description

The goal of agnostic-astro is to port AgnosticUI’s UI Components to work as HTML-first build-time Astro components that don’t require client-hydration 🔥