Server Driven UI
Framework for Flutter
๐ Release v0.10 is out!
Upgraded to Flutter 3.29, refined button widgets, and real-time UI updates! ๐
Read More๐ Release v0.10 is out!
Upgraded to Flutter 3.29, refined button widgets, and real-time UI updates! ๐
Read Moreimport 'package:flutter/material.dart';import 'package:stac/stac.dart';
void main() async { await Stac.initialize(); runApp(const MyApp());}
class MyApp extends StatelessWidget { const MyApp({super.key});
@override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Stac', theme: ThemeData.dark(), home: Stac.fromNetwork( context: context, request: StacNetworkRequest( url: 'https://stac.dev/jsons/welcome_stac.json', ), ), ); }}
{ "type": "scaffold", "backgroundColor": "#16181a", "body": { "type": "padding", "padding": { "top": 80, "left": 24, "right": 24, "bottom": 24 }, "child": { "type": "column", "crossAxisAlignment": "start", "children": [ { "type": "container", "width": 56, "height": 56, "decoration": { "borderRadius": 12 }, "clipBehavior": "hardEdge", "child": { "type": "image", "src": "https://pbs.twimg.com/profile_images/1886322776921042944/5Nveo4M2_400x400.png" } }, { "type": "sizedBox", "height": 40 }, { "type": "image", "src": "https://raw.githubusercontent.com/StacDev/stac/refs/heads/dev/assets/Welcome%20to.png" }, { "type": "text", "data": "Stac Playground", "style": { "fontSize": 36, "fontWeight": "w600", "height": 1.3 } }, { "type": "sizedBox", "height": 32 }, { "type": "text", "data": "Stac is a Server-Driven UI (SDUI) framework for Flutter. Stac allows you to build beautiful cross-platform applications with JSON in real time.", "style": { "fontSize": 18, "fontWeight": "w400", "height": 1.5 } }, { "type": "sizedBox", "height": 100 }, { "type": "container", "height": 1, "widht": 1000, "color": "#10ffffff" }, { "type": "sizedBox", "height": 24 }, { "type": "text", "data": "Follow us for more updates:", "style": { "fontSize": 18, "fontWeight": "w400", "height": 1.5, "color": "#60ffffff" } }, { "type": "sizedBox", "height": 20 }, { "type": "column", "spacing": 20, "children": [ { "type": "row", "spacing": 20, "children": [ { "type": "container", "width": 44, "height": 44, "decoration": { "borderRadius": 12 }, "clipBehavior": "hardEdge", "child": { "type": "image", "src": "https://raw.githubusercontent.com/StacDev/stac/refs/heads/dev/assets/github.png" } }, { "type": "text", "data": "github.com/StacDev", "style": { "fontSize": 18, "fontWeight": "w500", "height": 1.5 } } ] }, { "type": "row", "spacing": 20, "children": [ { "type": "container", "width": 44, "height": 44, "decoration": { "borderRadius": 12 }, "clipBehavior": "hardEdge", "child": { "type": "image", "src": "https://raw.githubusercontent.com/StacDev/stac/refs/heads/dev/assets/x.png" } }, { "type": "text", "data": "x.com/stac_dev", "style": { "fontSize": 18, "fontWeight": "w500", "height": 1.5 } } ] }, { "type": "row", "spacing": 20, "children": [ { "type": "container", "width": 44, "height": 44, "decoration": { "borderRadius": 12 }, "clipBehavior": "hardEdge", "child": { "type": "image", "src": "https://raw.githubusercontent.com/StacDev/stac/refs/heads/dev/assets/linkedin.png" } }, { "type": "text", "data": "/company/StacDev", "style": { "fontSize": 18, "fontWeight": "w500", "height": 1.5 } } ] } ] } ] } }}
Instantly update your appโs UI without app store approvals.
Define and manage UI with server-controlled JSON structures.
Works seamlessly across mobile, web, and desktop.
Create flexible UIs that adapt to real-time data.
Optimize performance with smart caching mechanisms
Instantly convert Dart to JSON with Stac for effortless UI updates.
Community
We are dedicated to building and growing together, ensuring Stac thrives through collaboration, transparency, and community-driven innovation.
with our insane contributors :
Blog
Build dynamic UIs and push app updates in seconds with JSON.
Mobile apps have existed for quite a long time since the launch of
AppStore and PlayStore in 2008, until today when there are million..
Blog
Build dynamic UIs and push app updates in seconds with JSON.
Mobile apps have existed for quite a long time since the launch of
AppStore and PlayStore in 2008, until today when there are million..
Get the latest on releases, events, and exclusive goodiesโno spam, just the good stuff!