{"id":26371423,"url":"https://github.com/cicerchie/ui","last_synced_at":"2025-10-24T06:47:34.250Z","repository":{"id":45600577,"uuid":"290555594","full_name":"cicerchie/ui","owner":"cicerchie","description":"Web components for fast user interfaces.","archived":false,"fork":false,"pushed_at":"2023-04-08T18:05:07.000Z","size":7903,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-15T22:46:18.620Z","etag":null,"topics":["consuming-components","javascript","svelte","svelte-components","svelte-ui","svelte-ui-components","svelte-v3","svelte3","sveltejs","tailwind","tailwind-css","tailwindcss","ui","ui-components"],"latest_commit_sha":null,"homepage":"https://cicerchie.github.io/ui","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/cicerchie.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}},"created_at":"2020-08-26T16:59:56.000Z","updated_at":"2023-04-08T13:59:17.000Z","dependencies_parsed_at":"2022-09-02T18:31:03.968Z","dependency_job_id":null,"html_url":"https://github.com/cicerchie/ui","commit_stats":null,"previous_names":[],"tags_count":47,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cicerchie%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cicerchie%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cicerchie%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cicerchie%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cicerchie","download_url":"https://codeload.github.com/cicerchie/ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243822295,"owners_count":20353500,"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":["consuming-components","javascript","svelte","svelte-components","svelte-ui","svelte-ui-components","svelte-v3","svelte3","sveltejs","tailwind","tailwind-css","tailwindcss","ui","ui-components"],"created_at":"2025-03-17T00:26:21.155Z","updated_at":"2025-10-24T06:47:29.203Z","avatar_url":"https://github.com/cicerchie.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cicerchie UI\n\nA set of web components for building **fast** user interfaces.\u003cbr\u003e\u003cbr\u003e\n\n![Lastest release](https://badgen.net/github/release/cicerchie/ui)\n![License](https://badgen.net/github/license/cicerchie/ui)\n![Github repo dependents](https://badgen.net/github/dependents-repo/cicerchie/ui)\n![Github pkg dependents](https://badgen.net/github/dependents-pkg/cicerchie/ui)\n![Github open issues](https://badgen.net/github/open-issues/cicerchie/ui)\n![Github status](https://badgen.net/github/checks/cicerchie/ui/master/Release)\n![Bundlephobia MinZip](https://badgen.net/bundlephobia/minzip/@cicerchie/ui)\n![Bundlephobia dependency count](https://badgen.net/bundlephobia/dependency-count/@cicerchie/ui)\n![Snyk](https://badgen.net/snyk/cicerchie/ui)\n![Npm version](https://badgen.net/npm/v/@cicerchie/ui)\n![Npm DT](https://badgen.net/npm/dt/@cicerchie/ui)\n![Npm dependents](https://badgen.net/npm/dependents/@cicerchie/ui)\n![Npm types](https://badgen.net/npm/types/@cicerchie/ui)\n\n---\n\n### \u003cspan style=\"color:red\"\u003eWARNING!\u003c/span\u003e\n\nThese components are still \"experimental\" (`v0.x.x`).\u003cbr\u003e\nSome of them are not tested as rigourously as it should be and none of them have been through code review.\u003cbr\u003e\nUse them at your own risk and check that them do what you want them to do.\n\n---\n\n## Demo\n\n[Explore the Storybook](https://cicerchie.github.io/ui)\n\n## Getting started\n\n1.  `npm install -D @cicerchie/ui`\n\n1.  [TailwindCSS](https://tailwindcss.com) (^v3.0.0) is used for styling. For now [it must be added manually in the project](https://tailwindcss.com/docs/installation).\u003cbr\u003e\n    Use this code in your project's **tailwind.config.js**:\n\n    ```js\n    const resolveConfig = require('tailwindcss/resolveConfig');\n    const cicerchieUITailwindConfig = require('@cicerchie/ui/tailwind.config');\n\n    module.exports = resolveConfig(\n    \t{\n    \t\t// your optional Tailwind config here...\n    \t},\n    \tcicerchieUITailwindConfig\n    );\n    ```\n\n    _We are planning to make available in the future an optional version of each component that already contains the CSS needed for it to work._\n\n1.  Import the components you need, like this:\n\n    ```svelte\n    \u003cscript\u003e\n    \timport { Button, InputText } from '@cicerchie/ui';\n    \u003c/script\u003e\n\n    \u003cButton\u003eI'm the Button!\u003c/Button\u003e\n    \u003cInputText placeholder=\"I'm the Input!\" /\u003e\n    ```\n\n### Consuming components in a **Svelte 3 project**\n\nSvelte apps can import components source code directly if they are using a bundler plugin like [rollup-plugin-svelte](https://github.com/sveltejs/rollup-plugin-svelte) or [svelte-loader](https://github.com/sveltejs/svelte-loader).\n\n### Consuming components in **any JavaScript project**\n\nYou can import components using plain JavaScript module or UMD.\n\n### Consuming components as **Web Components**\n\nCOMING SOON.\n\n## Changelog\n\nIs automagically updated with each release and [you can read it here](https://github.com/cicerchie/ui/blob/master/CHANGELOG.md).\n\n---\n\n### Built (for now) with:\n\n- ♥ Love\n- [Svelte 3](https://svelte.dev)\n- [TailwindCSS](https://tailwindcss.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcicerchie%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcicerchie%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcicerchie%2Fui/lists"}