422 Stars Stac v0.10.0

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

How Stac works?

Our server driven approach lets us communicate in realtime between
server and client to push updates

import '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
}
}
]
}
]
}
]
}
}
}
Phone

incredible
and great

: feature set

Feature icon

Real-Time
UI Updates

Real-Time UI Updates

Instantly update your appโ€™s UI without app store approvals.

Feature icon

JSON-Based
Layouts

JSON-Based Layouts

Define and manage UI with server-controlled JSON structures.

Feature icon

Cross-Platform
Support

Cross-Platform Support

Works seamlessly across mobile, web, and desktop.

Feature icon

Dynamic Variables & State Management

Dynamic Variables & State Management

Create flexible UIs that adapt to real-time data.

COMING SOON
Feature icon

Efficient Data
Caching

Efficient Data Caching

Optimize performance with smart caching mechanisms

COMING SOON
Feature icon

Stac Code Convert:
Dart to JSON

Stac Code Convert: Dart to JSON

Instantly convert Dart to JSON with Stac for effortless UI updates.

COMING SOON
Community Lines
Users

Community

Our Commitment
towards our Community

We are dedicated to building and growing together, ensuring Stac thrives through collaboration, transparency, and community-driven innovation.

with our insane contributors :

Learning

Learning

Stac is Simple to Start
& Easy to Learn

Stable Release 0.10

Build dynamic UIs, Gallery Widget and Real-time Push App updates.

Release Notes

Key Widgets in Stac

Learn about the various widgets, actions and styles provided by Stac.

View Docs
Medium

Blog

Introducing Stac โ€” A Server Driven UI framework for Flutter

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..

Open Blog
Learning

Learning

Stac is Simple to Start
& Easy to Learn

Stable Release 0.9

Build dynamic UIs, Gallery Widget and Real-time Push App updates.

Release Notes

Key Widgets in Stac

Learn about the various widgets, actions and styles provided by Stac.

View Docs
Medium

Blog

Introducing Stac โ€” A Server Driven UI framework for Flutter

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..

Open Blog
Connected Circle Connected Circle

Stay Connected on our Journey

Get the latest on releases, events, and exclusive goodiesโ€”no spam, just the good stuff!