https://github.com/nank1ro/solid
A tiny framework built on top of Flutter, zero boilerplate, fine-grained reactivity.
https://github.com/nank1ro/solid
fine-grained-reactivity flutter framework zero-boilerplate
Last synced: 5 months ago
JSON representation
A tiny framework built on top of Flutter, zero boilerplate, fine-grained reactivity.
- Host: GitHub
- URL: https://github.com/nank1ro/solid
- Owner: nank1ro
- License: mit
- Created: 2025-10-21T16:07:41.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-10-24T15:36:36.000Z (5 months ago)
- Last Synced: 2025-10-24T15:37:09.506Z (5 months ago)
- Topics: fine-grained-reactivity, flutter, framework, zero-boilerplate
- Language: Dart
- Homepage: https://solid.mariuti.com
- Size: 855 KB
- Stars: 7
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Solid Framework
[](https://github.com/nank1ro/solid/blob/main/LICENSE)
[](https://gitHub.com/nank1ro/solid/stargazers/)
[](https://gitHub.com/nank1ro/solid/issues/)
[](https://gitHub.com/nank1ro/solid/pull/)
[](https://pub.dev/packages/solid_generator)
[](https://pub.dev/packages/solid_annotations)
[](https://github.com/sponsors/nank1ro)
Congrats on your interest in **Solid**! Let's make Flutter development even more enjoyable.
Solid is a tiny framework built on top of Flutter that makes building apps easier and more enjoyable.
The benefits of using Solid include:
1. **Don't write boilerplate**: Solid generates boilerplate code for you, so you can focus on building your app. Inspired by SwiftUI.
2. **No state management/dependency injection manual work**: Solid has built-in state management and dependency injection. Just annotate your variables and Solid takes care of the rest.
3. **Fine-grained reactivity**: Solid's reactivity system is inspired by SolidJS, allowing for efficient and fine-grained updates to your UI. Only the parts of the UI that depend on changed state are updated, leading to better performance. And the best is that you don't have to think about it, Solid does it for you automatically.
## Example
You write this code, without any boilerplate and manual state management:
```dart
import 'package:flutter/material.dart';
import 'package:solid_annotations/solid_annotations.dart';
class Counter extends StatelessWidget {
Counter({super.key});
@SolidState()
int counter = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text('Date: ${DateTime.now()}'),
Text('Counter is $counter'),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => counter++,
child: const Icon(Icons.add),
),
);
}
}
```
You get this result, with real fine-grained reactivity:
[](../../assets/solid_demo.gif)
As you can see, the `DateTime.now()` text does not update when the counter changes, only the `Counter is X` text updates. This is because Solid tracks which parts of the UI depend on which state, and only updates those parts when the state changes, without any manual work from you.
If this sounds interesting, check out the [Getting Started Guide](https://solid.mariuti.com/guides/getting-started) to learn how to set up Solid in your Flutter project!
## License
The Solid framework is open-source software licensed under the [MIT License](./LICENSE).
## Sponsorship
If you find Solid useful and would like to support its development, consider sponsoring the project on [GitHub Sponsors](https://github.com/sponsors/nank1ro/).
I love building open-source software and your support helps me dedicate more time to improving Solid and adding new features.