BaseLayer

Overview

BaseLayer is an open-source, MIT-licensed component system built on React Aria Components and Tailwind CSS. It follows the shadcn model: components are added to the codebase with the shadcn CLI rather than installed into node_modules, so teams can edit them freely. Version 2 is the current release.

The project is set up for AI-assisted development. It works with the shadcn MCP server, so tools like Cursor or Claude can add components on request, and it publishes llms.txt files to keep AI tools in sync with the components. The registry currently lists 26 components, styled with tailwind-variants.

Features

• React Aria foundation: Components include full keyboard navigation and screen reader support.
• Date and time inputs: Calendar, date field, date picker and time field with individually editable segments and range selection.
• Selection controls: Combobox, select, radio group, checkbox, switch, slider, toggle and tag group.
• Overlays and menus: Modal, popover, tooltip, menu and a command palette.
• Data display: Table with keyboard navigation and row selection, meter, card, badge and breadcrumbs.
• AI tooling: shadcn MCP support and llms.txt documentation.

Tech stack

• React, React Aria Components
• Tailwind CSS, tailwind-variants, tw-animate-css
• lucide-react

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @baselayer/component-name