NoVa UI is not just another Flutter design system - it's a time machine that brings the aesthetics of retro-futuristic interfaces into modern app development! ✨
NoVa (from Nostalgic Vanguard) is a comprehensive Flutter design system that embraces the charm of yesterday's visions of tomorrow. Remember those sleek, glowing interfaces from movies like TRON, classic sci-fi, or even Mr. Incredible's computer screens? That's the aesthetic we're bringing to your Flutter apps!
"The future as imagined in the past, coded for today's applications." 🔮
Our design system draws inspiration from:
- 🎬 Retro sci-fi movie interfaces (TRON, Blade Runner, 2001: A Space Odyssey)
- 🖥️ 80s and 90s computer aesthetics
- 🎮 Classic arcade and early video game UI
- 🦸 Superhero tech interfaces (like those in Mr. Incredible)
- 📟 Vintage digital displays and control panels
We combine these elements with modern usability principles to create something both nostalgically familiar and excitingly functional!
- 🧩 60+ Components: Buttons, cards, dialogs, inputs and more - all with that retro-futuristic flair!
- 🎨 Customizable Themes: Switch between "Digital Dawn", "CRT Glow", "Command Console" and more!
- 🔊 Optional Sound Effects: Add authentic retro computer sounds to interactions
- 📱 Responsive Design: Looks amazing on any screen size
- 🌈 Animation Library: Smooth, period-authentic transitions and effects
- 🔌 Easy Integration: Works seamlessly with existing Flutter apps
- 📦 Zero Dependencies: Lightweight and efficient
dependencies:
nova_ui: ^0.1.0Then run:
flutter pub getimport 'package:flutter/material.dart';
import 'package:nova_ui/nova_ui.dart';
void main() {
runApp(
NovaApp(
theme: NovaCrtTheme(), // Choose your retro theme!
child: MyApp(),
),
);
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: NovaAppBar(
title: 'SYSTEM ONLINE',
glowEffect: true,
),
body: Center(
child: NovaButton(
text: 'INITIALIZE',
onPressed: () {
NovaDialog.show(
context: context,
title: 'SYSTEM READY',
message: 'All systems operational. Proceed?',
);
},
),
),
);
}
}| Command Console | CRT Terminal | Digital Dashboard |
|---|---|---|
NoVa UI is 100% open source and we welcome contributions from the community! Whether you're fixing bugs, adding features, improving documentation or sharing examples, your help is appreciated!
- Fork the repository
- Create your feature branch:
git checkout -b my-awesome-feature - Commit your changes:
git commit -m 'Add some awesome feature' - Push to the branch:
git push origin my-awesome-feature - Submit a pull request!
Check out our Contributing Guide for more details.
NoVa UI is licensed under the MIT License - see the LICENSE file for details. This means you can use it freely in personal and commercial projects! 🎉