RocketX simplifies UI development as much as possible by getting rid of unnecessary boiler plate code and widget nesting.


RocketX is a simple UI framework that minimizes the use of nesting as much as possible by providing helper functions that provide easy styling of the ui and possibly clean and readable code.

Some Supported widgets with extensions include:

  • Column
  • Row
  • Stack
  • Padding
  • Center
  • Container
  • FractionallySizedBox
  • etc.


Most Editors provide intellisense for this package as well a doc usage as this package uses a core dart feature.


An example in the case of the default "Flutter create {app}" Counter example is shown below

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  _MyHomePageState createState() => _MyHomePageState();

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        // using xToText converts a [String] to a [Text] widget
        title: widget.title.xToText,
      body: [
          'You have pushed the button this many times:'.xToText,
              // xToColumn transforms a [List] to a [Column] widget
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),


  • State Management
  • Dependency injection
  • More features on review


This package is still under heavy development, no breaking change is expected unless there is a breaking change in Flutter itself.