{"id":15554992,"url":"https://github.com/skynexui/components","last_synced_at":"2025-10-23T02:41:17.511Z","repository":{"id":40735875,"uuid":"401660309","full_name":"skynexui/components","owner":"skynexui","description":"⚛️  Deliver UI for Web and Mobile platforms without taking care about complexity on how to style there. It's based in React and Flutter and uses the core of CSS specification to allow you to write cross platform styles.","archived":false,"fork":false,"pushed_at":"2022-03-20T22:44:58.000Z","size":33455,"stargazers_count":659,"open_issues_count":14,"forks_count":38,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-05-14T15:48:11.795Z","etag":null,"topics":["cross-platform","dart","flutter","javascript","nextjs","react"],"latest_commit_sha":null,"homepage":"https://skynexui.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skynexui.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://www.youtube.com/channel/UCzR2u5RWXWjUh7CwLSvbitA/join"]}},"created_at":"2021-08-31T10:20:41.000Z","updated_at":"2025-05-06T14:00:11.000Z","dependencies_parsed_at":"2022-08-10T00:41:16.591Z","dependency_job_id":null,"html_url":"https://github.com/skynexui/components","commit_stats":null,"previous_names":["skynexui/core"],"tags_count":104,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skynexui%2Fcomponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skynexui%2Fcomponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skynexui%2Fcomponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skynexui%2Fcomponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skynexui","download_url":"https://codeload.github.com/skynexui/components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254535828,"owners_count":22087399,"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":["cross-platform","dart","flutter","javascript","nextjs","react"],"created_at":"2024-10-02T15:05:32.653Z","updated_at":"2025-10-23T02:41:17.402Z","avatar_url":"https://github.com/skynexui.png","language":"TypeScript","funding_links":["https://www.youtube.com/channel/UCzR2u5RWXWjUh7CwLSvbitA/join"],"categories":[],"sub_categories":[],"readme":"# SkynexUI:\n\n## Why \"another component library\"?\nThe focus of this library is to provide a common \"DSL\" for write UI cross platform. Doesn't matter if the platform it's mobile or web. You will think in UI based in \"Text\" (`\u003cText\u003e`) and \"Boxes\" (`\u003cBox\u003e`) and write the styles with breakpoints based in the web CSS key value conventions.\n\n[\u003cimg width=\"150px\" src=\"https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg\" /\u003e](https://vercel.com/?utm_source=skynexui\u0026utm_campaign=oss)\n\n![Downloads](https://img.shields.io/npm/dw/@skynexui/components?color=orange) ![Current Version](https://img.shields.io/npm/v/@skynexui/components?color=green\u0026label=version\u0026cache=1) [![Flutter Package](https://img.shields.io/badge/skynexui__components-fluttter-blue)](https://pub.dev/packages/skynexui_components) [![NPM Package](https://img.shields.io/badge/@skynexui/components-npm-red)](https://www.npmjs.com/package/@skynexui/components)\n\n\u003e ⚠️ Until version 2.0 we will have breaking changes while structuring the API.\n\n## Get Started\n- [Follow these steps to create a new project](https://github.com/vercel/next.js/tree/canary/examples/with-skynexui-components)\n\n## Demo\n- This is the [main demo](https://github.com/skynexui/components/tree/main/examples/demo_base) that we are working on, an project with React for Web and Flutter for mobile development.\n\n## Contributing\n- The project is not well structured for contributions right now, if you find a bug, please [open an issue](https://github.com/skynexui/components/issues) and let's discuss how to implement it 😋.\n\n### Dev mode\n#### React (Web)\n- Use the folder `examples/demo_base` that simulates a real world project structure.\n- This setup has `build:watch` mode\n```sh\n# First terminal window\nyarn install \u0026\u0026 yarn build:watch\n\n# Second terminal window\nyarn dev:demo_base\n```\n#### Flutter (Other platforms)\n- Open inside VSCode `examples/demo_base/lib/main.dart`, them run it through it.\n\n\n## How to use?\n\n- Check the [docs here](https://skynexui.dev/)\n- We also have a [storybook](https://storybook.skynexui.dev/)\n\n## How to install?\n\n- flutter: \n```sh\nflutter pub add skynexui_components\n```\n\n- yarn\n```sh\nyarn add @skynexui/components\n```\n\n- npm\n```sh\nnpm install @skynexui/components\n```\n\n## Supporters\n\n| Companies that trust in this project |\n| --- |\n| [\u003cimg src=\"https://www.likeaboss.com.br/wp-content/uploads/2016/02/alura-dark.svg\" width=\"100px\" /\u003e](https://alura.com.br/?utm_source=skynexui\u0026utm_campaign=oss) |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskynexui%2Fcomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskynexui%2Fcomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskynexui%2Fcomponents/lists"}