bloomBUILD•SHIP•BLOOM
Sleek Liquid Background

Bloom UI Studio.
shadcn/ui for Flutter Mobile.

Beautifully designed, accessible mobile components. Customize design tokens below and watch buttons, inputs, wallet cards, badges, and bottom bars update in real time.

Accent
r=12px

Buttons & Badges (cva primitives)

Button Variants

Primary, Secondary, Outline, Destructive

Icon & Loading Buttons

With leading icons & spinners

Badge Variants

Status tags & counts

Default
Secondary
Outline
Success
Alert

Inputs, Textarea & Form Controls

Text & Search Inputs

Mobile input fields

Progress & Range Slider

Live progress bar

OTA Bundle Upload72%

Switches & Checkboxes

Binary toggle switches

Push Notifications

Mobile Cards, Avatars & Alerts

Bloom Wallet

Total Balance

$14,890.00

•••• 489210/28

User Profile & Avatar

Avatar primitive with fallback

Avatar
AR

Alex Rivera

Mobile Lead
Active

Alert Callout Primitive

System notifications

Bottom Sheets, DatePicker & Controls

Bottom Sheet / Drawer

Interactive mobile modal overlay

Triggers a native-feel mobile bottom sheet with custom radius and accent styling.

Segmented Control

Mobile tab selection bar

Mobile DatePicker

Calendar grid with day selection

August 2026
SuMoTuWeThFrSa
Framework Pipeline Flow

Standardize → Wrap → Generate → Orchestrate

How Bloom takes mature Dart & Flutter infrastructure and delivers a seamless mobile experience.

1
STEP 1

STANDARDIZE

Opinionated project structure, bloom.yaml schema, and /routes directory conventions.

2
STEP 2

WRAP

Thin abstractions over go_router for navigation and signals for fine-grained reactivity.

3
STEP 3

GENERATE

Automatic route table generation, typed parameters, and model serializers on file save.

4
STEP 4

ORCHESTRATE

Single CLI for bloom create, bloom dev, doctor, testing, prebuild, and deploy.

5
STEP 5

REPLACE GAPS

Custom Bloom Data query caching and Bloom Go Dev Client where genuine ecosystem gaps exist.

Production-Ready Mobile Architecture

Built natively for Flutter Mobile, Tablet & Web with zero compromise on accessibility or performance.

shadcn Architecture

Copy-paste source code directly into your Flutter project. You own every line of code with complete styling control.

Accessible Primitives

Keyboard navigation, focus traps, screen reader semantics, and WCAG AA contrast built in out of the box.

Fluid Micro-Animations

Subtle spring physics, hover glows, and press states crafted with 60fps Flutter Impeller rendering.