MIAVRO Systems

Demo content

This is a demo product. Adding it to the cart works, but checkout only creates a temporary demo order. This site is running on placeholder data until the database and admin dashboard are connected.
Components & UIv1.0.0

Accessible UI Pack

Buttons, dialogs, tabs and forms that pass keyboard and screen-reader checks.

  • Placeholder screenshot of Accessible UI Pack components

Overview

A small set of accessible React components styled with Tailwind: button variants, dialog, tabs, accordion, form fields with error states, and a toast. Each component documents its ARIA behaviour.

Features

  • Keyboard-navigable dialog and tabs
  • Form field + error pattern
  • Reduced-motion aware
  • Dark/light tokens

Requirements

  • React 19
  • Tailwind CSS 4

Installation

  1. Copy `components/ui` into your project
  2. Import the tokens into your global CSS

Included files

    License: Single Site License

    Use the product on one website or application you own or build for one client.

    You may

    • One production deployment
    • Unlimited staging/dev copies for that project
    • Modify the code freely

    You may not

    • Reselling or redistributing the source
    • Using on multiple client projects
    • Including in a template marketplace listing