Skip to main content

Blueprint Flutter Components

A comprehensive Flutter implementation of the Blueprint.js design system. This open-source library recreates Blueprint's core components and design language for Flutter applications, featuring 26+ components with pixel-perfect design fidelity and faithful Blueprint.js interactions.

View on GitHub
  • Flutter
  • Dart
  • Custom Components
  • Open Source
1
Explore Components

Explore Components

Start with our comprehensive library of 26+ Flutter components that faithfully recreate the Blueprint.js design system. Each component maintains pixel-perfect styling and interactions.

2
Interactive Elements

Interactive Elements

Build engaging interfaces with interactive cards, buttons, and navigation components. All components support intent-based theming and Flutter best practices.

3
Form Controls

Form Controls

Create powerful forms with Blueprint's signature input fields, checkboxes, radio buttons, and select dropdowns, all with consistent styling and validation states.

Advanced Components

Blueprint Flutter Components combines faithful design reproduction with Flutter's powerful widget system. Each component maintains Blueprint's visual identity while following Flutter best practices for state management, animations, and accessibility.

4
Modal dialogs with perfect header alignment and Blueprint styling

Modal Dialogs

Professional modal dialogs with perfect header alignment, customizable actions, and intent-based styling

5
Data tables with sorting, selection, and perfect alignment

Data Display

Complex data tables with sorting, selection, tree views, and perfectly aligned headers and cells

6
Navigation bars with groups, alignments, and Blueprint styling

Navigation

Professional navigation bars, breadcrumbs, and tabs with groups, alignments, and responsive behavior

Design System Fidelity

This Flutter implementation recreates 26+ Blueprint.js components with faithful design reproduction and proper Flutter architecture. Each component maintains Blueprint's visual identity while following Flutter best practices for state management, animations, and widget composition.

Key features include complete Blueprint color palette implementation, intent-based theming (Primary, Success, Warning, Danger), responsive layouts with the 10px grid system, factory methods for convenient component creation, and comprehensive examples with documentation for each component.

Blueprint Flutter: Complete color palette and theme system with Blueprint.js fidelity.
Blueprint Flutter: Data tables with sorting, selection, and perfect alignment.