Astro Headless UI

!npm
!npm

A headless component library for Astro

> Note: This project is a work in progress, components with documentation are finished, if there are any changes they will be recorded in the wiki changelog

Documentation

Examples

Changelog

Submit an issue for bugs or suggestions

Style Components

HTML Element with an attached stylesheet

- : CSS javascript detector (@predaytor)
- : Animates a spritesheet as a background image on an element using css
- Animated icon switcher, used to display current theme, copy button state, and more using icons

Components

Generates structured HTML

- : Display a ratio using elements, useful for star ratings on products, posts, etc
- : Active link component, used in to generate link navigations
- : Generate a list of links using props, useful for config files
- : Generates a table of contents
- : Site/URL hierarchy navigation
- : Page navigation for paginated routes
- : SSR component version of Astro's SSG paginate()

$3

- : Conditionally wrap a component
- : acts like a conditional/ternary statement, mostly used for
- : Advanced conditional rendering, similar to SolidJS with extra features using slots
- : .map() in component form with extra features, similar to SolidJS

Client Components

HTML element with client side interactivity using