Micra.js
GitHub Get started

Micra Pro

Production components & templates for Micra

The advanced data tables, drag-and-drop boards, calendars, form kits and full app templates production apps are made of — same no-build, drop-in approach as the free library. Built on Micra, owned by you.

Founding offer · summer only

$35 locked in for life

Join the waitlist and we'll lock in the founding price for you: $35 if you choose to buy when Pro ships this summer — everyone after launch pays more. No commitment, no card now.

You're in — your $35 founding price is reserved, with no obligation to buy. We'll email you the moment Pro ships.

Couldn't reach the server. Try again, or email hello@micrajs.dev.

No spam, no obligation — one email when Pro launches.

Components

Headless primitives & advanced components

Eighteen accessible, headless primitives — focus, keyboard and ARIA already handled, styled by CSS variables — plus the advanced components production apps are made of. Same no-build, drop-in approach as the free library.

Headless primitives

  • Modal
  • Slide-over
  • Dropdown
  • Popover
  • Tooltip
  • Toast
  • Tabs
  • Accordion
  • Breadcrumbs
  • Pagination
  • Progress
  • Switch
  • Checkbox
  • Radio Group
  • Slider
  • Combobox
  • Listbox
  • Date Picker

Advanced components

Data Table Pro

Ready

The table production back-offices actually need.

  • Client and server data modes — one API
  • Multi-column sort (shift-click), with priority order
  • Global search, debounced in server mode
  • Row selection + tri-state select-all, bulk actions
  • CSV and JSON export — the selection or everything
  • Sticky header, pagination, loading / empty states
  • Accessible: aria-sort, real checkboxes, live region

Charts

Ready

Bar, line and pie from one piece of state.

  • Bar, line and pie / donut
  • Value axis with gridlines and a tidy scale
  • One or many series — grouped bars, multi-line
  • Responsive SVG, scales to its container
  • Token-driven palette, dark-mode aware
  • Hover tooltips; a screen-reader data table

Kanban Pro

Ready

A pipeline board with the numbers built in.

  • Drag-and-drop columns and cards
  • Keyboard moves for accessibility
  • Per-column totals and a forecast
  • WIP limits with an over-limit highlight
  • Emits move events for your backend

Form Kit Pro

Ready

Schema-driven forms that validate, step and save.

  • Schema-driven fields and layout
  • Validation: required, email, pattern, min/max, custom
  • Multi-step wizard with a progress stepper
  • File upload with image preview and progress
  • Autosave to local storage, restored on return
  • Accessible: aria-invalid, described errors, fieldsets

Full Calendar

Ready

Month and week scheduling with a real editor.

  • Month and week views
  • Timed and all-day events; basic recurrence
  • Conflict detection for overlapping events
  • Slide-over editor — create, edit, delete
  • Configurable visible hours
  • iCal (.ics) export; prev / next / today

Pricing / Quote

Ready

A live quote builder for seats and add-ons.

  • Plans, per-seat pricing and add-ons
  • Monthly / yearly with a discount
  • Live total with itemised lines
  • Emits a quote object; print / PDF

Configurator

Ready

A stepper that prices itself by the rules.

  • Multi-step option selection with prices
  • Requires / excludes dependency rules
  • Auto-select and disable from the rules
  • Live price and a final summary
  • Emits the configuration

Command Palette Pro

Ready

Keyboard-first actions, a keystroke away.

  • Global shortcut (Cmd / Ctrl-K)
  • Fuzzy search with ranking
  • Grouped commands, keyboard-first
  • Modal overlay with a focus trap
  • Emits the chosen command

Checkout / Mini-cart

Ready

Cart, coupons and a multi-step checkout.

  • Slide-over cart with quantity steppers
  • Coupon codes — percent or free shipping
  • Live subtotal, discount and total
  • Multi-step checkout with validation
  • Emits the order on place

Templates

Whole apps, finished — not demos

The free demos at /examples show what's possible; Pro ships the production builds — themes, backend wiring, multiple views and docs.

Admin dashboard

Users table with search, sorting and pagination; slide-over create and edit forms with validation; delete confirmation; dashboard, customers and settings views; light and dark modes.

Open it live →
micrajs.dev/demos/admin
micrajs.dev/demos/sales

Sales CRM

A full pipeline board — move deals across stages, filter by owner, add a deal inline, open a card for its activity log. Columns and cards are a nested data-each.

Open it live →
  • Analytics dashboard
  • Calendar & planner
  • Storefront
  • Restaurant
  • Bakery configurator
  • Property listings
  • Auto service
  • SaaS pricing
  • Construction tracker
  • Booking
See all twelve running live →

AI kit

Your assistant writes correct Micra

Cursor, Claude Code and Copilot default to React. The AI kit drops the right context and rules into your assistant, so it writes idiomatic Micra Pro the first time — not after a review.

  • llms-pro.txt — the Pro reference: the token system, using and composing components, the integration pattern, and the gotchas LLMs get wrong.
  • Rules file — drop-in for .cursorrules, AGENTS.md, or Copilot instructions.
  • Task prompts — generate a component, re-skin by tokens, wrap a library, wire a component to your server.

Founding offer · summer only

$35 locked in for life

Last call before launch — join the waitlist and the $35 founding price is reserved for you, with no obligation to buy. After Pro ships this summer, the price goes up.

You're in — your $35 founding price is reserved, with no obligation to buy. We'll email you the moment Pro ships.

Couldn't reach the server. Try again, or email hello@micrajs.dev.

No spam, no obligation — one email when Pro launches.

Collaboration

Want it built for you?

I build and migrate server-rendered apps and admin panels on Micra. Tell me what you're shipping.

Get in touch