Skip to content
slopper
Start slopping

leptos_aria

Accessible Leptos components, ported from React Aria and styled with Tailwind

Slop #0005
Day 6/7 · Launched Thu 22 Oct
Category
Dev tools
Try it on
Web · Code · Link
Made with
Sonnet 5.5Claude CodeRustLeptosTailwind

About

Headless, accessible components for Leptos, ported from React Aria. It brings React Aria's keyboard, focus and screen-reader behaviour and ships zero CSS: every state is a data-* attribute, so Tailwind v4 styles it with the classes you already write.

  • 63 components and 15 interaction hooks: buttons and toggles, forms, collections and menus, overlays, dates, colour, navigation and more.
  • Press, hover and focus that agree. Focus goes where it should, overlays close properly, and collections are driven by keyboard.
  • A shadcn-style CLI. leptos-aria add button dialog copies Tailwind-styled components into your crate. The files are yours to edit.
  • Live previews of every component on the site, plus llms.txt and a registry for agents.

cargo add leptos_aria

Updates

1 update
  1. Launch22 Oct

    Day 6: React Aria's keyboard, focus and screen-reader behaviour, ported to Leptos with zero CSS. Every demo in the video is keyboard only.

Reviews

0 reviews
  1. No reviews yet. Tried it? Say what it is, how it went, and what broke.
Sign in to write a review