Home

Inspiration: https://headlessui.com/

Capabilities

• Components are fully accessible cross-platform (Screen reader, keyboard navigation, touch input)
• Components only have basic Tailwind classes applied to give user feedback (focus, disabled, etc.)
• Components can be passed element-specific attributes, ref & Tailwind classes for styling
• Components are not tightly coupled instead use composable patterns like provider, compound, render props & children
• Components static strings are translatable by i18n props with default configuration
• Components are exported without style to allow Tailwind config from users
• Default Tailwind config file is exported for extending

Technology Overview

• Unit Testing (Utils / Hooks) ⇒ Vitest (jsdom)
• Component Testing ⇒ Storybook Interaction Tests
• Accessibility Testing ⇒ Storybook Accessibility Tests
• Visual Testing ⇒ Chromatic
• Linting ⇒ ESLint
• Formatting ⇒ Prettier
• UI Framework ⇒ React
• UI Styling ⇒ Tailwind
• Accessibility Helper ⇒ React Aria
• State Management ⇒ React XState
• Internationalization ⇒ React i18next
• Documentation ⇒ Storybook
• Dependency Management ⇒ Dependabot pnpm
• Package Registry ⇒ GitHub Packages
• Releases ⇒ Conventional Changelog
• Continuous Integration ⇒ Github Actions
• Continuous Deployment ⇒ Vercel