{"id":15295061,"url":"https://github.com/fluentifyjs/fluentify","last_synced_at":"2025-04-13T15:57:47.475Z","repository":{"id":38485463,"uuid":"163006800","full_name":"FluentifyJs/fluentify","owner":"FluentifyJs","description":"A Vue component framework based on Fluent Design System","archived":false,"fork":false,"pushed_at":"2024-10-20T05:11:58.000Z","size":6934,"stargazers_count":17,"open_issues_count":40,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T06:51:18.726Z","etag":null,"topics":["components","fluent","fluent-design","fluent-design-system","hacktoberfest","microsoft","vue","vue-components","vue2","vuejs","vuejs2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/FluentifyJs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["alexanderyw"]}},"created_at":"2018-12-24T16:15:15.000Z","updated_at":"2023-04-12T03:01:10.000Z","dependencies_parsed_at":"2024-11-15T08:03:20.790Z","dependency_job_id":"b5aca01f-4452-4ccb-bb5b-bf4fda5a3a25","html_url":"https://github.com/FluentifyJs/fluentify","commit_stats":{"total_commits":209,"total_committers":2,"mean_commits":104.5,"dds":0.2966507177033493,"last_synced_commit":"c5c24b5f7111b771dc2cc9c2ef915ca5b8e9dc89"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FluentifyJs%2Ffluentify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FluentifyJs%2Ffluentify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FluentifyJs%2Ffluentify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FluentifyJs%2Ffluentify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FluentifyJs","download_url":"https://codeload.github.com/FluentifyJs/fluentify/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248741161,"owners_count":21154252,"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":["components","fluent","fluent-design","fluent-design-system","hacktoberfest","microsoft","vue","vue-components","vue2","vuejs","vuejs2"],"created_at":"2024-09-30T17:08:27.669Z","updated_at":"2025-04-13T15:57:47.446Z","avatar_url":"https://github.com/FluentifyJs.png","language":"JavaScript","funding_links":["https://github.com/sponsors/alexanderyw"],"categories":[],"sub_categories":[],"readme":"![fluentify-opengraph](https://user-images.githubusercontent.com/4184558/67981054-169c3600-fc20-11e9-83e1-52f695776774.png)\n\n[![codebeat badge](https://codebeat.co/badges/d2cb26e8-55e3-40a7-b4be-bc9811f0cd98)](https://codebeat.co/projects/github-com-fluentifyjs-fluentify-master)\n![image](https://img.shields.io/npm/dm/@fluentify/fluentify.svg)\n![image](https://img.shields.io/npm/v/@fluentify/fluentify.svg)\n![image](https://img.shields.io/npm/l/@fluentify/fluentify.svg)\n![Javascript and css linting](https://github.com/FluentifyJs/fluentify/workflows/Javascript%20and%20css%20linting/badge.svg)\n![CodeQL](https://github.com/FluentifyJs/fluentify/workflows/CodeQL/badge.svg)\n\n### [View demo](https://fluent.ayw.io/)\n\n## This Components framework is *Work in progress*, please keep that in mind that it's not ready for production yet, feel free to contribute and get it ready faster \n\n# Todo:\n## Components\n- [x] Container\n- [x] Grid - Rows and Columns using css grid (Room for improvements)\n- [x] Button\n- [x] List\n- [x] List item\n- [x] List item avatar\n- [x] List item content (with support of single line, double line and triple line)\n- [ ] Card\n- [ ] Video player\n- [x] Menu component\n- [ ] Modal / Dialog\n- [ ] Date picker\n- [ ] Date calendar picker\n- [ ] Time picker\n- [ ] Color picker\n- [ ] Flyout / Snackbar\n- [x] Progressbar linear\n- [ ] Progressbar circular\n- [x] Input field\n- [x] Checkbox input\n- [x] Radio input\n- [x] Radio Group\n- [ ] Select (Missing arrow icon)\n- [ ] File picker\n- [ ] Textarea\n- [ ] Datalist\n- [ ] Divider\n- [ ] Data table\n- [ ] Image component\n- [ ] Switch\n- [x] Slider (horizontal/vertical)\n- [ ] Rating\n- [ ] Autocomplete / Auto-suggest input\n- [ ] Context menu\n- [ ] Navigation view (Content of view will be the list component)\n- [ ] Command bar\n- [ ] Tree view\n- [ ] Pivot\n- [ ] Icon component\n\n# Classes\n\n- [ ] Typography\n- [ ] Colors\n- [ ] Padding helper\n- [ ] Margin helper\n- [ ] Display helper (block, inline, inline-block etc)\n- [ ] MDL2 icon font\n\n# Theme\n- [ ] Custom colors support\n- [ ] Dark theme for all components\n\n# Website\n- [ ] Main page\n- [ ] Documentation\n- [ ] Theme generator\n- [ ] Codepen template\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffluentifyjs%2Ffluentify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffluentifyjs%2Ffluentify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffluentifyjs%2Ffluentify/lists"}