Examples

See what you can build

Real, interactive apps built on Micra — no build step, one HTML file each. Different industries, different themes. Click around; every demo runs live on this page.

SaaS adminCRUDDark modeIndigo

Admin dashboard

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

micrajs.dev/demos/admin
AnalyticsChartsViolet

Analytics dashboard

KPI cards, a period switcher (7/30/90 days) and an inline bar chart that all recompute from one piece of state — plus a recent-activity feed.

micrajs.dev/demos/dashboard
CRMKanbanTeal

Sales CRM (AmoCRM-style)

A full pipeline board: move deals across stages with ←/→, search and filter by owner, add a deal inline, and open any card for its activity log. The columns-and-cards are a nested data-each; forecast and per-column totals are derived methods.

micrajs.dev/demos/sales
SchedulingCalendarFuchsia

Calendar & planner

A month calendar with events per day, category filters, month navigation, and an agenda panel to add or delete events on the selected day. Each cell renders its events through a nested data-each.

micrajs.dev/demos/planner
E-commerceCartEmerald

Storefront

Product grid with category filters and live search, plus a reactive cart total. Add items and watch the count and total update.

micrajs.dev/demos/store
HospitalityOrderingRose

Restaurant menu

A menu by category with an order builder: add dishes, adjust quantities, and the running total updates live. Derived counts and totals are methods, never stored state.

micrajs.dev/demos/restaurant
RetailConfiguratorPink

Bakery & custom cakes

A bakery storefront plus a custom-cake builder: choose size, sponge, filling and extras and the price recomputes live; add ready-made items too, all into one running order.

micrajs.dev/demos/pastry
Real estateFiltersSky

Property listings

Filter homes by a price-range slider and a bedroom count, save the ones you like, and the result count updates instantly. A keyed grid with no manual DOM.

micrajs.dev/demos/realestate
ServicesEstimateBlue

Auto service estimate

A repair-shop estimate builder: enter the vehicle, toggle services, and watch parts, labor (hours × rate), tax and total recompute — every figure is a derived method.

micrajs.dev/demos/autoservice
SaaSPricingCyan

SaaS pricing & quote

A pricing page that quotes in real time: pick a plan, drag the seats slider, toggle a monthly/annual term and add-ons, and the per-month and billed-today figures recompute — including annual savings.

micrajs.dev/demos/software
PMProgressOrange

Construction tracker

A project dashboard with phases, progress bars and budget vs spent. Nudge a phase's progress and the overall completion, phases-done count and budget health all update.

micrajs.dev/demos/construction
SchedulingFormsAmber

Booking

Pick a service, a day and a time slot, then fill a validated form to confirm. Taken slots are disabled and the summary updates as you go.

micrajs.dev/demos/booking