{"id":19880942,"url":"https://github.com/gridaco/scenes","last_synced_at":"2026-01-03T11:31:47.194Z","repository":{"id":108797152,"uuid":"479974930","full_name":"gridaco/scenes","owner":"gridaco","description":"Grida Scenes - npm `@scenes`","archived":false,"fork":false,"pushed_at":"2023-12-12T11:29:26.000Z","size":81,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-22T23:58:48.480Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://scenes.grida.co","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gridaco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"open_collective":"grida"}},"created_at":"2022-04-10T09:49:02.000Z","updated_at":"2023-12-12T09:39:26.000Z","dependencies_parsed_at":"2023-12-14T05:10:55.705Z","dependency_job_id":null,"html_url":"https://github.com/gridaco/scenes","commit_stats":{"total_commits":3,"total_committers":2,"mean_commits":1.5,"dds":"0.33333333333333337","last_synced_commit":"e0c14e7b6e659ddb6aff21c9caac0e666244b210"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fscenes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fscenes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fscenes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fscenes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gridaco","download_url":"https://codeload.github.com/gridaco/scenes/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243830952,"owners_count":20354854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T17:12:51.076Z","updated_at":"2026-01-03T11:31:47.163Z","avatar_url":"https://github.com/gridaco.png","language":"TypeScript","funding_links":["https://opencollective.com/grida"],"categories":[],"sub_categories":[],"readme":"# scenes\n\n\u003e Building components made joyful.\n\nWhat is `scenes`?\n\nscenes is a new way to build componets, platform agnostic, and easy to share.\n\n## Usage\n\n### Usage - CLI\n\n```bash\n# configure scenes in your project\nscenes init\n\n# using interactive mode\nscenes new\n\n# using with component template\nscenes new card\n$ design new card in Grida Scenes https://scenes.grida.co/xxxx\n\n# using with prompt\nscenes new component \"A card with a title and a description, with user avatar\"\n```\n\n| Category       | Description | Example | Link                                               |\n| -------------- | ----------- | ------- | -------------------------------------------------- |\n| `cards`        |             |         | [Cards](https://scenes.grida.co/c/cards)           |\n| `charts`       |             |         | [Charts](https://scenes.grida.co/c/charts)         |\n| `buttons`      |             |         | [Buttons](https://scenes.grida.co/c/buttons)       |\n| `tables`       |             |         | [Tables](https://scenes.grida.co/c/charts)         |\n| `forms`        |             |         | [Forms](https://scenes.grida.co/c/forms)           |\n| `icons`        |             |         | [Icons](https://scenes.grida.co/c/icons)           |\n| `mocks`        |             |         | [Mock Data](https://scenes.grida.co/c/mocks)       |\n| `avatars`      |             |         | [Avatars](https://scenes.grida.co/c/avatars)       |\n| `progress`     |             |         | [Progress](https://scenes.grida.co/c/progress)     |\n| `pricingcards` |             |         | [Progress](https://scenes.grida.co/c/pricingcards) |\n| `skeleton`     |             |         | [Skeleton](https://scenes.grida.co/c/skeleton)     |\n| `layouts`      |             |         | [Skeleton](https://scenes.grida.co/c/layouts)      |\n\n[View Full Catalogue](https://scenes.grida.co/c)\n\n## Supported Frameworks\n\n- Next.js\n- Tailwind CSS\n- React\n- React Native\n- Flutter\n\n## Hosting your own scenes\n\n```bash\nscenes init --repo\nscenes publish\n```\n\n**Official ports for other platforms**\n\n- [Grida Flutter Support - `scene.dart`](https://github.com/gridaco/flutter)\n\n## Start from our [Statup First Aid Kit](https://github.com/gridaco/kits)\n\nWe've made a collections of starter kits. Take a look! [grida.co/kits](https://grida.co/kits)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgridaco%2Fscenes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgridaco%2Fscenes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgridaco%2Fscenes/lists"}