{"id":21332953,"url":"https://github.com/eace/components","last_synced_at":"2026-03-19T19:57:38.175Z","repository":{"id":215830220,"uuid":"739358548","full_name":"eaCe/components","owner":"eaCe","description":"Simple and accessible UI components built with Tailwind and Alpine.js ","archived":false,"fork":false,"pushed_at":"2024-02-10T05:39:32.000Z","size":50,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-22T14:09:36.328Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://codepen.io/eace/pen/mdoOvjr","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eaCe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-01-05T11:24:26.000Z","updated_at":"2024-07-29T12:45:13.000Z","dependencies_parsed_at":"2024-01-26T19:53:46.284Z","dependency_job_id":null,"html_url":"https://github.com/eaCe/components","commit_stats":null,"previous_names":["eace/components"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eaCe%2Fcomponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eaCe%2Fcomponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eaCe%2Fcomponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eaCe%2Fcomponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eaCe","download_url":"https://codeload.github.com/eaCe/components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243809882,"owners_count":20351407,"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":[],"created_at":"2024-11-21T22:54:06.302Z","updated_at":"2026-01-02T18:03:27.308Z","avatar_url":"https://github.com/eaCe.png","language":"HTML","readme":"# Tailwind and Alpine.js Components\n\nThis project contains several UI components built with Tailwind CSS and Alpine.js.\nThe aim of this project is to provide a set of accessible UI components that can be used in any project.\nYou can view a demo of the components in the `examples.html` file or on codepen.io\nat https://codepen.io/eace/pen/mdoOvjr.\n\nThe components are:\n\n## Accordion\n\nA simple accordion component. Further information can be found in\nthe [ARIA Accordion Example](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/). It uses Alpine's\nCollapse plugin to handle the accordion functionality.\n\n## Dropdown\n\nA simple dropdown component. Further information can be found in\nthe [ARIA Menu Button Example](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).\n\n## Switch\n\nA simple switch button component.\n\n## Modal\n\nA simple modal component. Further information can be found in\nthe [ARIA Dialog Modal Example](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/). It uses\nAlpine's Focus plugin to trap focus within the modal.\n\n## Spinbutton\n\nA simple spinbutton component. Further information can be found in the\n[ARIA Spinbutton Example](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/).\n\n## Tabs\n\nA simple tabs component. Further information can be found in the\n[ARIA Tabs Example](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).\n\n## Offcanvas\n\nA simple offcanvas component. It uses Alpine's Focus plugin to trap focus within the offcanvas element.\n\n## Spinner\n\nA simple spinner component.\n\n## Dialog\n\nA native dialog component. It uses the native HTML dialog element and the `showModal` and `close` methods to show and\nhide the dialog.\n\n## Details\n\nA native details component. It uses the native HTML details and summary elements to create a simple collapsible section.\n\n## Usage\n\nTo use these components, simply include the HTML code in your project and ensure you have Tailwind CSS and Alpine.js\nincluded in your project. Some components may require additional Alpine.js plugins, such as the Focus plugin for the\nModal component.\n\n## Dependencies\n\n- [Tailwind CSS](https://tailwindcss.com/)\n- [Alpine.js](https://alpinejs.dev/)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feace%2Fcomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feace%2Fcomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feace%2Fcomponents/lists"}