{"id":19514188,"url":"https://github.com/perfect-things/ui","last_synced_at":"2025-10-11T01:03:29.314Z","repository":{"id":65093746,"uuid":"416524721","full_name":"perfect-things/ui","owner":"perfect-things","description":"Perfect UI components","archived":false,"fork":false,"pushed_at":"2025-04-06T17:06:19.000Z","size":39435,"stargazers_count":18,"open_issues_count":18,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T14:40:26.463Z","etag":null,"topics":["components","svelte","ui-components"],"latest_commit_sha":null,"homepage":"http://ui.perfectthings.dev","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/perfect-things.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"tborychowski","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":"tborychowski","issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["paypal.me/tborychowski","buymeacoff.ee/tborychowski"]}},"created_at":"2021-10-12T23:11:54.000Z","updated_at":"2025-04-06T17:06:22.000Z","dependencies_parsed_at":"2023-12-15T01:36:37.805Z","dependency_job_id":"67db8a6e-cc9c-4b58-9917-81e5aa457bde","html_url":"https://github.com/perfect-things/ui","commit_stats":null,"previous_names":["perfect-things/simple-ui-components-in-svelte"],"tags_count":345,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/perfect-things%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/perfect-things%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/perfect-things%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/perfect-things%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/perfect-things","download_url":"https://codeload.github.com/perfect-things/ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250943859,"owners_count":21511638,"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","svelte","ui-components"],"created_at":"2024-11-10T23:35:25.591Z","updated_at":"2025-10-11T01:03:29.308Z","avatar_url":"https://github.com/perfect-things.png","language":"Svelte","funding_links":["https://github.com/sponsors/tborychowski","https://liberapay.com/tborychowski","paypal.me/tborychowski","buymeacoff.ee/tborychowski","https://paypal.me/tborychowski","https://www.buymeacoffee.com/tborychowski","https://liberapay.com/tborychowski/donate"],"categories":[],"sub_categories":[],"readme":"PerfectThings/UI\n================\n\nA set of simple, but perfect, UI components, written in Svelte (the only front-end framework worth learning).\n\n\n[![Tests](https://github.com/perfect-things/ui/actions/workflows/node.js.yml/badge.svg)](https://github.com/perfect-things/ui/actions/workflows/node.js.yml)\n\n### Github pages site with docs\nhttps://ui.perfectthings.dev\n\n\n![Screenshot](screen.png)\n\n\n\n\n## Install \u0026 Setup\n\n### Firstly, install the module as a dev dependency:\n```sh\nnpm i -D @perfectthings/ui\n```\n\n### Svelte components\nJust `import` them from the module, as normal:\n```js\nimport { Button } from '@perfectthings/ui';\n```\n\n\n## Usage with SvelteKit\n\nAvailable from **v6.4.0.**.\n\nBecause this is a purely front-end framework and requires browser to work, it will not work with SSR so you need to disable it. Create a file: `src/routes/+layout.js` and add this:\n```js\nexport const ssr = false;\n```\n\nOnce that's done, you can import the components as normal.\n\n\n\n## Development\n\nYou need node \u0026 npm (obviously). Run these:\n```sh\ngit clone git@github.com:perfect-things/ui.git perfectthings-ui\ncd perfectthings-ui\nnpm i \u0026\u0026 npm start\n```\nA browser window should open with the demo of the components.\n\n\n\n## Resources\n\n- [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/components/) from Apple\n- Icons from [Tabler Icons](https://tablericons.com)\n- *Prime Light* font from [Fontfabric](www.fontfabric.com)\n\n\n## Support\n\n\u003ca href=\"https://paypal.me/tborychowski\" height=\"60\" target=\"_blank\"\u003e\u003cimg src=\".github/paypal-button.png\" alt=\"Donate with PayPal\" style=\"height: 60px !important;\"\u003e\u003c/a\u003e \u003ca href=\"https://www.buymeacoffee.com/tborychowski\" target=\"_blank\" style=\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg height=\"60\" src=\"https://cdn.buymeacoffee.com/buttons/v2/default-green.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important; width: 217px !important;\"\u003e\u003c/a\u003e \u003ca href=\"https://liberapay.com/tborychowski/donate\" target=\"_blank\"\u003e\u003cimg alt=\"Donate using Liberapay\" src=\"https://liberapay.com/assets/widgets/donate.svg\" style=\"height: 60px;\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fperfect-things%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fperfect-things%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fperfect-things%2Fui/lists"}