https://github.com/gridaco/scenes
Grida Scenes - npm `@scenes`
https://github.com/gridaco/scenes
Last synced: 6 months ago
JSON representation
Grida Scenes - npm `@scenes`
- Host: GitHub
- URL: https://github.com/gridaco/scenes
- Owner: gridaco
- License: apache-2.0
- Created: 2022-04-10T09:49:02.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-12-12T11:29:26.000Z (over 2 years ago)
- Last Synced: 2024-05-22T23:58:48.480Z (about 2 years ago)
- Language: TypeScript
- Homepage: https://scenes.grida.co
- Size: 79.1 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```bash
# 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](https://scenes.grida.co/c/cards) |
| `charts` | | | [Charts](https://scenes.grida.co/c/charts) |
| `buttons` | | | [Buttons](https://scenes.grida.co/c/buttons) |
| `tables` | | | [Tables](https://scenes.grida.co/c/charts) |
| `forms` | | | [Forms](https://scenes.grida.co/c/forms) |
| `icons` | | | [Icons](https://scenes.grida.co/c/icons) |
| `mocks` | | | [Mock Data](https://scenes.grida.co/c/mocks) |
| `avatars` | | | [Avatars](https://scenes.grida.co/c/avatars) |
| `progress` | | | [Progress](https://scenes.grida.co/c/progress) |
| `pricingcards` | | | [Progress](https://scenes.grida.co/c/pricingcards) |
| `skeleton` | | | [Skeleton](https://scenes.grida.co/c/skeleton) |
| `layouts` | | | [Skeleton](https://scenes.grida.co/c/layouts) |
[View Full Catalogue](https://scenes.grida.co/c)
## Supported Frameworks
- Next.js
- Tailwind CSS
- React
- React Native
- Flutter
## Hosting your own scenes
```bash
scenes init --repo
scenes publish
```
**Official ports for other platforms**
- [Grida Flutter Support - `scene.dart`](https://github.com/gridaco/flutter)
## Start from our [Statup First Aid Kit](https://github.com/gridaco/kits)
We've made a collections of starter kits. Take a look! [grida.co/kits](https://grida.co/kits)