scenes

Building components made joyful.

What is scenes?

scenes is a new way to build componets, platform agnostic, and easy to share.

Usage

Usage - CLI

# configure scenes in your project
scenes init

# using interactive mode
scenes new

# using with component template
scenes new card
$ design new card in Grida Scenes https://scenes.grida.co/xxxx

# using with prompt
scenes new component "A card with a title and a description, with user avatar"

Category	Description	Example	Link
cards			Cards
charts			Charts
buttons			Buttons
tables			Tables
forms			Forms
icons			Icons
mocks			Mock Data
avatars			Avatars
progress			Progress
pricingcards			Progress
skeleton			Skeleton
layouts			Skeleton

View Full Catalogue

Supported Frameworks

• Next.js
• Tailwind CSS
• React
• React Native
• Flutter

Hosting your own scenes

scenes init --repo
scenes publish

Official ports for other platforms

• Grida Flutter Support - scene.dart

Start from our Statup First Aid Kit

We've made a collections of starter kits. Take a look! grida.co/kits