🚀 Announcing Vyuh v1.0 - The first stable release of Vyuh is now available. Read more
The framework forcontent-drivenFlutterapps.
The framework for
content-driven
Flutter
apps.
Go from an MVPSuper App with the power of
Modular Features, Plugins & CMS-driven UI.
Modular Features, Plugins & CMS-driven UI.
New Paradigm
IntroducingVyuh
IntroducingVyuh
Vyuh is a framework for building content-driven Flutter apps. It provides a powerful approach to rapidly build, scale and maintain your apps.
CMS-driven UI
Use any headless-CMS to remotely control screens, content, user-journeys, themes and much more.
Deploy with Zero releases. No more waiting for App Store approvals.
Deploy with Zero releases. No more waiting for App Store approvals.
*Also called Server Driven UI (SDUI)Modular Features
Build and test features as independent modules and assemble into the App when ready.
Escape the trap of a monolithic App and scale quickly from Idea to MVP to Production and beyond.
Escape the trap of a monolithic App and scale quickly from Idea to MVP to Production and beyond.
Capabilities as Plugins
All third-party integrations are Plugins with standard interfaces, and available to all features.
Auth, Analytics, Storage, etc. are all plugins.
Auth, Analytics, Storage, etc. are all plugins.
Open Source
The core of Vyuh is Open Source.
It leverages community-voted libraries such as
It leverages community-voted libraries such as
go_router, mobx, flutter_mobx, get_it, http and many others.Core Technologies
Flutter
Powerful Cross-Platform UI framework
Sanity
Headless CMS for Structured Content
React
The UI library to build components inside the CMS Studio.
Dynamic Experience
Let your CMS drive the App Experience
Let your CMS drive the App Experience
Instantly deploy changes to your user-journeys, content, themes, and more without any App Store releases.
No-Code for Business, Full-Code for Engineering
The CMS becomes a
No-Code tool for business users with Flutter being the Full-Code tool for developers. This provides the perfect balance of simplicity and power with neither team having to compromise.CMS
IDE
Modularity
Build Modular Features
Build Modular Features
Build and test features as independent modules and assemble into the App when ready.
Compose your Apps with a Scalable architecture
A framework that can help you grow from a Single app to a
Family of apps or to a Platform for white-labeled apps. Leverage modularity and compose-ability for Enterprise scale.
Plugins
Integrations via Plugins
Integrations via Plugins
The shared capabilities of your application become plugins and are available to all features.
Open Source
Powered by Open Source
Powered by Open Source
Relies on proven Open Source packages with no vendor lock-in.
In Action
How it Works
Let's build a simple Movie Detail section that can be configured from the CMS and rendered with Flutter.
1
Scaffold a new Project with the Vyuh CLI
Generate a new project with the default CMS (Sanity.io) and a fresh new Flutter App.
codecli
2
Define content-schemas for the CMS
Define a new content schema for the Movie Detail Section and expose various properties for configuration.
Add it to your CMS, via a FeatureDescriptor, to use in your pages.
codetypescriptcms
import { BuiltContentSchemaBuilder, FeatureDescriptor } from '@vyuh/sanity-schema-core';
import { RouteDescriptor } from '@vyuh/sanity-schema-system';
import { movieDetailSection } from './section';
export const tmdb = new FeatureDescriptor({
name: 'tmdb',
title: 'Tmdb Movies',
description: 'Schema for the Tmdb feature',
contents: [
new RouteDescriptor({
regionItems: [
{
type: movieDetailSection.name,
},
],
}),
],
contentSchemaBuilders: [new BuiltContentSchemaBuilder(movieDetailSection)],
});
3
Create Flutter counterparts for the content-schemas
Build the counterpart for the Movie Detail schema in Flutter. This renders the section with a default Layout and adapts based on the configuration.
Just like before we need to expose it with the FeatureDescriptor.
codedartflutterui
import 'section.dart';
final feature = FeatureDescriptor(
name: 'tmdb',
title: 'TMDB',
description:
'Uses the TMDB API to show details of movies with ability to favorite and add to watchlists',
icon: Icons.movie_creation_outlined,
extensions: [
ContentExtensionDescriptor(
contentBuilders: [
MovieDetailSection.contentBuilder,
],
),
],
);
4
Assemble pages and journeys on the CMS
Now place some of these Movie Detail Sections on a page and order them the way you see fit.
no-codecmssanity
5
Preview on the Simulator or Device
Set up your Vyuh app with the movie feature and other necessary plugins. See your CMS content live on your simulator or device.
Reorder sections on the CMS and see them update on the App. Now iterate, refine and publish when ready.
no-codecmsflutterui
6
Explore integrations to fast track
Subscribe to the Enterprise Plan and get access to our growing set of integrations for fast tracking App development.
vyuhfeaturesplugins
FAQS
Frequently Asked Questions
Several ways to start building with the Vyuh Framework.
What kind of apps can I build with Vyuh?
Vyuh is a framework for building Flutter Apps. Any App that can be built with Flutter can be built with Vyuh as well. This includes apps for iOS, Android, Web and Desktop. Rather than starting from scratch with Flutter, you start with a solid foundation and build on top of it. The basics of any production-grade App are built-in, and you can focus on your business logic right away.
The framework was built to scale your apps over time. In that regard, it takes an approach where you break down your application into a set of features that can be added or removed like atomic blocks.
The framework was built to scale your apps over time. In that regard, it takes an approach where you break down your application into a set of features that can be added or removed like atomic blocks.
What kind of support can I get for my team?
We can help setup your App and get you running quickly. Thinking of your App in terms of its building-blocks can be a mindset shift. We will help you get up to speed on this. You will soon see how it completely unlocks a new type of freedom in building Flutter Apps.
Is it open source?
Yes. The core of the Vyuh framework is open source and is available today.
If you are interested to get a demo or understand more, please Contact Us.
If you are interested to get a demo or understand more, please Contact Us.
Do I really need a CMS?
You could also build Vyuh-based apps without a CMS. If your app does not need dynamic content, feel free to skip the CMS. You still have the power of rest of the framework such as:
- Modular Features
- Integrations via Plugins
- Team Independence
- And many more...
What if I have an existing App? Do you help in migrating it?
Yes, we can help you migrate an existing app.
The effort require to migrate will depend on the business complexity and the type of experience you are aiming for. There could be many things involved in the migration and requires a deeper understanding of the business context.
Contact Us for a focused discussion.
The effort require to migrate will depend on the business complexity and the type of experience you are aiming for. There could be many things involved in the migration and requires a deeper understanding of the business context.
Contact Us for a focused discussion.