u/Jayash_Bhandary

astryx_ui — a Flutter design system, 111 components, no Material in the tree
▲ 13 r/FlutterBeginner+1 crossposts

astryx_ui — a Flutter design system, 111 components, no Material in the tree

Hey folks!

I just published a Flutter UI package called astryx_ui, and I'd love for the community to try it and tell me where it breaks (and maybe a little ❤️ on pub.dev).

https://pub.dev/packages/astryx_ui

Live docs, every component, seven themes: https://astryxui.web.app

Heads up: it's pre-alpha (0.0.7-dev). API is unstable and may change without a major bump until 0.1.0. Pin the version you build against.

✨ What astryx_ui is

🧩 111 components — buttons, fields, selects, tables, tabs, menus, dialogs, toasts, banners, calendars, date/time inputs, avatars, carousels, a command palette, a typeahead, an app shell, a full chat surface. Plus 42 whole screens and 19 controllers/mixins.

🎨 No Material anywhere — built on flutter/widgets, so you're not fighting ripples, elevation, or a ColorScheme mapping that never quite fits your design.

🛠️ Themes are defined, not hard-coded — defineTheme runs the same HCT colour model and contrast maths as the TypeScript original. Give it one hex accent and it derives the whole palette, foregrounds included. Seven themes ship in the box.

⚡ Never a raw colour or a magic number — every value resolves through the token layer, so rebranding is editing one theme, not a search-and-replace.

📱 Pointer and touch, both first class — touch density raises every tap target to 48px and suppresses hover styling. Nothing is ever behind hover alone.

♿ Accessibility isn't optional — every control requires an accessible name, keeps a visible focus ring, documents its keyboard map. An icon-only button takes its label as a required argument; the compiler asks, not the code review.

🤖 Your coding agent can read it — the whole widget set ships as a Claude Code skill, generated from the same source as the docs.

Incremental adoption — drop AstryxThemeProvider into the MaterialApp you already have and convert a subtree at a time. Nothing asks you to start over.

dependencies:

astryx_ui: ^0.0.7-dev

(Bare flutter pub add skips pre-releases, so name the version.)

What's honestly not done yet — stated up front rather than discovered: AstryxTable doesn't virtualise rows (hundreds fine, ten thousand not), no column reordering or grouped rows, no charting widget and none planned, tab overflow scrolls instead of collapsing into a menu.

🙌 Small request

If you try it, find it useful, or have suggestions — a 👍 on pub.dev or a line of feedback genuinely helps an indie dev keep going.

Actively maintained, very open to ideas, criticism and PRs. Start with the README — and if you build something, open a showcase issue. What people actually build decides which components get finished next.

u/Jayash_Bhandary — 1 day ago

A theme defined in Flutter and the same theme defined in TypeScript produce identical values. I didn't reconcile a single one by hand.

I'm genuinely amazed by the time we're living in.

I can spend more time on quality than ever before. I can build a component,

decide the shape is wrong, delete it, and try a different one the same

afternoon — instead of defending the first version that worked, for weeks,

because it already cost too much.

And I think what I love most is the feeling of creative freedom.

When the distance between "what if the whole palette were derived instead of

chosen" and a working theme engine gets this small, you start attempting

things you would previously have filed under someone else's problem.

And every now and then, one of those experiments turns into something that

makes you sit there and smile.

Today, that's astryx_ui.

A Flutter design system built on flutter/widgets — no Material anywhere.

Hand defineTheme a single hex accent and the engine derives all 79 colour

tokens, in light and dark, with the contrast math already done. 16.7M

accents × 158 derived values is where that number comes from.

Seven prebuilt themes ship with it. Pointer and touch are both first-class.

Docs: https://astryxui.web.app/

pub.dev: https://pub.dev/packages/astryx\_ui

GitHub: https://github.com/JayashBhandary/astryx_ui

Pre-alpha and MIT. And now I can finally go to sleep 🫠

P.S. Definitely click through the docs site — it's built with astryx_ui

itself, and every code block on it is extracted from a real compiling widget,

so a snippet can't describe something the package doesn't do.

u/Jayash_Bhandary — 4 days ago

What if you could take a modern React design system and bring its design language into Flutter?

https://preview.redd.it/rye0lvn7qlih1.png?width=2654&format=png&auto=webp&s=ac089769f53ac85ac7847bfcdfe5d6daceec1ee2

I decided to find out.

I made astryx_ui 🎨

DEMO -> astryxui.web.app

Please give it a try.

An unofficial Flutter/Dart implementation of Astryx, focused not only on the components, but also on the underlying design system:

Tokens → Themes → Color system → Components

It currently includes multiple themes, a Dart implementation of the theme engine, themeable widgets and support for Flutter's cross-platform ecosystem.

And yes — it's still pre-alpha.

That's why I'm open-sourcing it now.

I want this to evolve through real usage and community feedback rather than building it in isolation.

If you're working with Flutter, I'd love for you to try it.

🔗 GitHub: github.com/JayashBhandary/astryx_ui
📦 Pub.dev: pub.dev/packages/astryx_ui

Star it if you find it interesting ⭐
Try it if you build with Flutter 🦋
Open an issue if you find something broken 🐛
Contribute if you want to make it better 🤝

Let's see where this goes.

#Flutter #Dart #OpenSource #DesignSystems #UIEngineering #BuildInPublic #SoftwareEngineering

reddit.com
u/Jayash_Bhandary — 5 days ago
▲ 1 r/FlutterBeginner+1 crossposts

What if you could take a modern React design system and bring its design language into Flutter?

I decided to find out.

I made astryx_ui 🎨

DEMO -> astryxui.web.app

Please give it a try.

An unofficial Flutter/Dart implementation of Astryx, focused not only on the components, but also on the underlying design system:

Tokens → Themes → Color system → Components

It currently includes multiple themes, a Dart implementation of the theme engine, themeable widgets and support for Flutter's cross-platform ecosystem.

And yes — it's still pre-alpha.

That's why I'm open-sourcing it now.

I want this to evolve through real usage and community feedback rather than building it in isolation.

If you're working with Flutter, I'd love for you to try it.

🔗 GitHub: github.com/JayashBhandary/astryx_ui
📦 Pub.dev: pub.dev/packages/astryx_ui

Star it if you find it interesting ⭐
Try it if you build with Flutter 🦋
Open an issue if you find something broken 🐛
Contribute if you want to make it better 🤝

Let's see where this goes.

#Flutter #Dart #OpenSource #DesignSystems #UIEngineering #BuildInPublic #SoftwareEngineering

reddit.com
u/Jayash_Bhandary — 10 days ago