{"id":21721635,"url":"https://github.com/polydile/dile-components","last_synced_at":"2025-05-16T19:02:14.964Z","repository":{"id":37971394,"uuid":"258028021","full_name":"Polydile/dile-components","owner":"Polydile","description":"Custom elements catalog for all kind of projects and frameworks.","archived":false,"fork":false,"pushed_at":"2025-04-11T17:46:54.000Z","size":14418,"stargazers_count":86,"open_issues_count":1,"forks_count":16,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-12T19:47:14.994Z","etag":null,"topics":["catalog","components","custom","elements","lit","ui","ui-components","web"],"latest_commit_sha":null,"homepage":"https://dile-components.com","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/Polydile.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2020-04-22T21:50:53.000Z","updated_at":"2025-04-11T17:46:58.000Z","dependencies_parsed_at":"2022-07-17T00:16:08.438Z","dependency_job_id":"b398c97a-19ad-4c0f-b088-ddac11d611e0","html_url":"https://github.com/Polydile/dile-components","commit_stats":{"total_commits":1064,"total_committers":15,"mean_commits":70.93333333333334,"dds":"0.48966165413533835","last_synced_commit":"e3f1c5d2850016066910a97ca26eee78543bb247"},"previous_names":[],"tags_count":1382,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Polydile","download_url":"https://codeload.github.com/Polydile/dile-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248625497,"owners_count":21135513,"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":["catalog","components","custom","elements","lit","ui","ui-components","web"],"created_at":"2024-11-26T02:18:11.169Z","updated_at":"2025-04-12T19:47:25.003Z","avatar_url":"https://github.com/Polydile.png","language":"JavaScript","readme":"# Dile Components V2\n\nThis is the repository for **Dile Components**, a catalog of Custom Elements built with Web Components and Lit.\n\nFind the full documentation and details of the Dile Components catalog at [dile-components.com](https://dile-components.com/)\n\n\u003e If you're looking for the previous version of this component catalog, you can find it in this repository: \u003chttps://github.com/Polydile/Components-legacy\u003e\n\n## Packages in This Repository\n\n- `@dile/ui`: Components for building common user interfaces, such as buttons, dialogs, custom form elements, and more.\n- `@dile/utils`: Utility components that provide helpful functionalities for web development.\n- `@dile/icons`: Templates for integrating SVG icons into your components.\n- `@dile/editor`: A Markdown WYSIWYG (What You See Is What You Get) editor for the web.\n- `@dile/crud`: Customizable and generic CRUD components.\n\nTo use components from this library, follow the steps below.\n\n## Installation\n\nFirst, install the package that contains the component you want to use. For example, to use the UI custom elements, install `@dile/ui`:\n\n```bash\nnpm install @dile/ui\n```\n\n## Component Usage\n\nTo use a component from this library, import the specific element you need. For example, to use the toast feedback element:\n\n```javascript\nimport '@dile/ui/components/toast/toast.js';\n```\n\nThen, you can use the component in your application like this:\n\n```html\n\u003cdile-toast\u003e\u003c/dile-toast\u003e\n```\n\n## Complete Documentation\n\nYou can find a complete list of custom elements—along with their properties, methods, events, and usage examples—on the [Dile Components website](https://dile-components.com):\n\n\u003chttps://dile-components.com\u003e\n\n## Contributing\n\nIf you'd like to contribute by publishing a component to this library, you can find a complete [guide to understanding the component organization](https://dile-components.com/contribute/).","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolydile%2Fdile-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpolydile%2Fdile-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolydile%2Fdile-components/lists"}