{"id":13469441,"url":"https://github.com/Tropix126/fluent-svelte","last_synced_at":"2025-03-26T06:32:12.364Z","repository":{"id":37002840,"uuid":"374018520","full_name":"Tropix126/fluent-svelte","owner":"Tropix126","description":"A faithful implementation of Microsoft's Fluent Design System in Svelte.","archived":false,"fork":false,"pushed_at":"2023-07-16T18:57:05.000Z","size":2761,"stargazers_count":635,"open_issues_count":24,"forks_count":27,"subscribers_count":14,"default_branch":"main","last_synced_at":"2025-03-25T09:09:31.366Z","etag":null,"topics":["css","fluent-design","javascript","microsoft","scss","svelte","sveltejs","sveltekit","ui","ui-components","windows-ui"],"latest_commit_sha":null,"homepage":"https://fluent-svelte.vercel.app","language":"Svelte","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/Tropix126.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-05T04:19:57.000Z","updated_at":"2025-03-23T07:04:30.000Z","dependencies_parsed_at":"2024-06-18T16:52:34.292Z","dependency_job_id":"20a46475-32b2-4ac1-afb9-b792dc91259f","html_url":"https://github.com/Tropix126/fluent-svelte","commit_stats":{"total_commits":309,"total_committers":6,"mean_commits":51.5,"dds":0.08090614886731395,"last_synced_commit":"ba1813ecc0797117be0e1b24be3a3c4905111ba7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tropix126%2Ffluent-svelte","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tropix126%2Ffluent-svelte/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tropix126%2Ffluent-svelte/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tropix126%2Ffluent-svelte/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tropix126","download_url":"https://codeload.github.com/Tropix126/fluent-svelte/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245604211,"owners_count":20642962,"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":["css","fluent-design","javascript","microsoft","scss","svelte","sveltejs","sveltekit","ui","ui-components","windows-ui"],"created_at":"2024-07-31T15:01:40.067Z","updated_at":"2025-03-26T06:32:12.343Z","avatar_url":"https://github.com/Tropix126.png","language":"Svelte","funding_links":[],"categories":["Svelte","Sites"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/Tropix126/fluent-svelte/e78982fb9fa48a6ea0b7cc61f4ff8fae9df88db3/static/logo.svg\" width=\"72\" height=\"128\" /\u003e\n  \u003cbr /\u003e\n  Fluent Svelte\n\u003c/h1\u003e\n\n\u003e Warning: This project is still in alpha stages; I would not consider it production ready _yet_. Assume any undocumented component to be in the 0.x. phase of development and therefore unstable.\n\n### What is this?\n\n`fluent-svelte` is an experimental [Svelte](http://svelte.dev/) component UI library that emulates the look and feel of [Microsoft's Windows UI Controls](https://github.com/microsoft/microsoft-ui-xaml/) which conform to the Fluent Design System.\n\n### Features\n\n-   [SvelteKit](https://kit.svelte.dev/) and SSR Compatible\n-   [TypeScript](https://typescriptlang.org/) and type definitions are supported, but optional.\n-   Full RTL support with no additional configuration.\n-   All components are accessible according to [WAI-ARIA](https://www.w3.org/WAI/standards-guidelines/aria/) standards.\n-   Theming support using CSS custom properties.\n-   Minimal third-party dependency usage.\n-   Reduced motion support.\n-   Easy setup. Just install the library, add some base styles, and you're ready to go.\n-   Minimal CSS overhead. Styles are included and scoped alongside their respective components, only bundling the CSS you need.\n\n### Undocumented Components\n\nThe documentation site (https://fluent-svelte.vercel.app/) is still not entirely finished. Many components exported in the library are not yet documented. That progress can be tracked [here](https://github.com/Tropix126/fluent-svelte/issues/13). For now, i've setup a testing page with every component included in the library that is viewable [here](https://fluent-svelte.vercel.app/test). It's source can be viewed [here](https://github.com/Tropix126/fluent-svelte/blob/main/src/routes/test/index.svelte).\n\nPlease keep in mind that any undocumented component is _considered to be in the 0.x phase of development_. This means that they could potentially recieve breaking API changes or be heavily updated before being finalized.\n\n### Changelog\n\nSee [CHANGELOG.md](https://github.com/Tropix126/fluent-svelte/blob/main/CHANGELOG.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTropix126%2Ffluent-svelte","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTropix126%2Ffluent-svelte","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTropix126%2Ffluent-svelte/lists"}