{"id":15184900,"url":"https://github.com/ollionorg/flow-core","last_synced_at":"2025-10-02T00:31:44.337Z","repository":{"id":61182760,"uuid":"512702568","full_name":"ollionorg/flow-core","owner":"ollionorg","description":"Flow ","archived":true,"fork":false,"pushed_at":"2024-07-31T12:56:14.000Z","size":9604,"stargazers_count":21,"open_issues_count":19,"forks_count":5,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-09-13T20:53:43.581Z","etag":null,"topics":["angular","css","html","html-css-javascript","libarary","lit","lit-element","lit-elements","react","typescript","ui","ui-components","vue3","web-components"],"latest_commit_sha":null,"homepage":"https://flow.ollion.com/","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/ollionorg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":null,"support":"SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-11T09:57:27.000Z","updated_at":"2025-07-24T14:36:49.000Z","dependencies_parsed_at":"2023-11-08T11:28:12.899Z","dependency_job_id":"d7b93e4b-db42-4028-a46a-80626b74bf60","html_url":"https://github.com/ollionorg/flow-core","commit_stats":{"total_commits":201,"total_committers":8,"mean_commits":25.125,"dds":"0.24378109452736318","last_synced_commit":"df2349590a36eb45587962893d16e3e2cab70e81"},"previous_names":["ollionorg/flow-core","cldcvr/flow-core"],"tags_count":372,"template":false,"template_full_name":null,"purl":"pkg:github/ollionorg/flow-core","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ollionorg%2Fflow-core","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ollionorg%2Fflow-core/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ollionorg%2Fflow-core/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ollionorg%2Fflow-core/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ollionorg","download_url":"https://codeload.github.com/ollionorg/flow-core/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ollionorg%2Fflow-core/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276176008,"owners_count":25597958,"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","status":"online","status_checked_at":"2025-09-20T02:00:10.207Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["angular","css","html","html-css-javascript","libarary","lit","lit-element","lit-elements","react","typescript","ui","ui-components","vue3","web-components"],"created_at":"2024-09-27T17:41:59.548Z","updated_at":"2025-10-02T00:31:43.645Z","avatar_url":"https://github.com/ollionorg.png","language":"TypeScript","readme":"# Flow-core\n\n![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-core%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-core) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-form-builder%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-form-builder) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-table%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-table) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-lineage%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-lineage) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-log%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-log) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-code-editor%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-code-editor) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-md-editor%2Fpackage.json\u0026query=%24.version\u0026prefix=v\u0026logo=npm\u0026label=%40ollion%2Fflow-md-editor)\n![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Follionorg%2Fflow-core%2Fmain%2Fpackages%2Fflow-core%2Fpackage.json\u0026query=%24.license\u0026label=license) ![build](https://github.com/ollionorg/flow-core/actions/workflows/build.yml/badge.svg) ![release](https://github.com/ollionorg/flow-core/actions/workflows/release.yml/badge.svg) ![CodeQL](https://github.com/ollionorg/flow-core/workflows/CodeQL/badge.svg) [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=security_rating)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core) [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core) [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=alert_status)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core) [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core) [![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=duplicated_lines_density)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core) [![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=vulnerabilities)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core) [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=cldcvr_flow-core\u0026metric=bugs)](https://sonarcloud.io/summary/new_code?id=cldcvr_flow-core)\n\nFlow-core is the base library required by any flow dependecies. It consists mostly of building blocks such design + system tokens, atoms, molecules, base themes, etc.\n\n- [Website](https://flow.ollion.com/)\n- [Learn More](https://github.com/ollionorg/flow-core/blob/main/ABOUT.md)\n\n## Table of contents\n\n- [Starter-kits](#starter-kits)\n- [Install for an existing project](#existing-project)\n- [VScode Plugin and debuggers](#vscode-plugin-and-debuggers)\n- [Components](https://flow.ollion.com/v2/index.html)\n- [Templates](https://flow.ollion.com/templates/index.html)\n- [Resources](#resources)\n- [Figma for designers](https://www.figma.com/community/file/1240565037876928288/Flow-UI-Kit)\n- [Get in touch](#get-in-touch)\n\n## Getting started\n\n### Starter kits\n\nFor a new project, Flow has put together starter kits with basic dependencies to get you going. Each starter kit will contain Flow core, [Flow system icons](https://github.com/ollionorg/flow-icon), Default google fonts and fully functional Flow templates (eg: top navigation, profile, left navigation, etc)\n\n#### Kits\n\n- [Vue JS](https://github.com/ollionorg/flow-starterkit-vue)\n- [Aungular](https://github.com/ollionorg/flow-starterkit-angular)\n- [React](https://github.com/ollionorg/flow-starterkit-react)\n\nIf you would like to contribute to an existing starter kit or write a new one for a different framework, write to \u003cflow@ollion.com\u003e or ping on our slack channel.\n\n**VScode Plugin**: [Install Flow's Plugin](https://marketplace.visualstudio.com/items?itemName=dev-vikas.flow-intellisense-vscode) to access components, icons, values, etc, and documentation inside of VScode.\n\n**Browser Debugger**: [Chrome](https://chrome.google.com/webstore/detail/web-component-devtools/gdniinfdlmmmjpnhgnkmfpffipenjljo), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/web-component-devtools/), [Safari](https://developer.apple.com/documentation/safariservices/safari_web_extensions/adding_a_web_development_tool_to_safari_web_inspector)\n\n**Note:** For Typescript, make sure you are using version \u003e4.5\n\n---\n\n### Existing project\n\n#### 1️⃣ Install flow core\n\n`npm i --save @ollion/flow-core`\n\n_Note:_ after installation re-start your application.\n\n\u003cbr\u003e\n\n#### 2️⃣ Import flow-core into your project\n\nCopy and import the below snippet into your startup file. In **VueJS:** (src/main.ts or main.js), **Angular:** (src/main.ts), **React:** (src/index.tsx or index.jsx)\n\n```JavaScript\nimport \"@ollion/flow-core\";\n```\n\n\u003cbr\u003e\n\n#### 3️⃣ If your project uses Typescript (\u003e4.5) please include import types\n\n**Vue:**\nCopy paste below line in your `main.ts` file.\n\n```JavaScript\nimport \"@ollion/flow-core/dist/types/vue2\";\n```\n\nor\n\n```JavaScript\nimport \"@ollion/flow-core/dist/types/vue3\";\n```\n\n**React**\nInclude react type in `tsconfig.json` like below\n\n```JSON\n\"include\": [\"src\", \"./node_modules/@ollion/flow-core/dist/types/react.ts\"]\n```\n\n**Note:** after adding the snippets, re-start your application.\n\n## Flow icons\n\nIcons are not packaged with Flow core to allow more flexibility and customization. We recommend that you install the system icon pack to get started.\n\n### 1️⃣ Install the icon pack\n\n```sh\nnpm i --save @ollion/flow-system-icon\n```\n\n### 2️⃣ Import the icon pack\n\n```javascript\nimport \"@ollion/flow-core\";\nimport \"@ollion/flow-system-icon\";\n```\n\n- [Icons Github repo](https://github.com/ollionorg/flow-icon)\n- [View icons](https://flow.ollion.com/icons/index.html)\n\n## VScode Plugin and debuggers\n\n[Install Flow's Plugin](https://marketplace.visualstudio.com/items?itemName=dev-vikas.flow-intellisense-vscode) to access components, icons, values, etc, and documentation inside of VScode.\n\n**Browser Debugger**: [Chrome](https://chrome.google.com/webstore/detail/web-component-devtools/gdniinfdlmmmjpnhgnkmfpffipenjljo), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/web-component-devtools/), [Safari](https://developer.apple.com/documentation/safariservices/safari_web_extensions/adding_a_web_development_tool_to_safari_web_inspector)\n\n## Components\n\nVisit the [Flow components Storybook](https://flow.ollion.com/v2/index.html)\n\n## Templates\n\nVisit the [Flow templates Storybook](https://flow.ollion.com/templates/index.html)\n\n## Dependencies\n\n- Tables (In development)\n- Logs (coming soon)\n- Force graph (coming soon)\n- Themes (coming soon)\n- Time-series (coming soon)\n\n## Resources\n\n- [Documentation](https://drive.google.com/drive/u/0/folders/1K4TLqpqrY0BNjQZ4fwZK_ZF-9M69Q4is)\n- [Figma for designers](https://www.figma.com/community/file/1240565037876928288/Flow-UI-Kit)\n- [VS code plugin](https://marketplace.visualstudio.com/items?itemName=dev-vikas.flow-intellisense-vscode)\n- Releases\n\n## Get in touch\n\nIf you would like to get in touch or contribute, please write to \u003cflow@ollion.com\u003e.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Follionorg%2Fflow-core","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Follionorg%2Fflow-core","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Follionorg%2Fflow-core/lists"}