{"id":41843162,"url":"https://github.com/balsigergil/bloum","last_synced_at":"2026-01-25T09:39:42.625Z","repository":{"id":217553229,"uuid":"671509003","full_name":"balsigergil/bloum","owner":"balsigergil","description":"A powerful library of modern web components for your design system.","archived":false,"fork":false,"pushed_at":"2026-01-17T15:43:36.000Z","size":6654,"stargazers_count":3,"open_issues_count":18,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-17T23:56:10.401Z","etag":null,"topics":["a11y","component-library","components","css","css-framework","dark-mode","design-system","html","javascript","typescript","ui-components","ui-framework","ui-library","vanilla-javascript","wai-aria","web-components"],"latest_commit_sha":null,"homepage":"https://www.bloum.dev","language":"TypeScript","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/balsigergil.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2023-07-27T13:31:51.000Z","updated_at":"2026-01-17T13:17:45.000Z","dependencies_parsed_at":"2024-02-25T17:28:25.518Z","dependency_job_id":"fc67f2f6-0191-4522-9e91-bcf4b4dfba5c","html_url":"https://github.com/balsigergil/bloum","commit_stats":null,"previous_names":["balsigergil/bloum"],"tags_count":52,"template":false,"template_full_name":null,"purl":"pkg:github/balsigergil/bloum","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balsigergil%2Fbloum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balsigergil%2Fbloum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balsigergil%2Fbloum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balsigergil%2Fbloum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/balsigergil","download_url":"https://codeload.github.com/balsigergil/bloum/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balsigergil%2Fbloum/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28750886,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T09:00:19.176Z","status":"ssl_error","status_checked_at":"2026-01-25T09:00:04.131Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["a11y","component-library","components","css","css-framework","dark-mode","design-system","html","javascript","typescript","ui-components","ui-framework","ui-library","vanilla-javascript","wai-aria","web-components"],"created_at":"2026-01-25T09:39:41.949Z","updated_at":"2026-01-25T09:39:42.618Z","avatar_url":"https://github.com/balsigergil.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n    \u003cdiv\u003e\n      \u003ca href=\"https://www.bloum.dev\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/balsigergil/bloum/main/.github/bloum_logo.png\" height=\"150\" alt=\"Bloum Logo\"\u003e\n      \u003c/a\u003e\n    \u003c/div\u003e\n    \u003cstrong\u003eA powerful library of modern web components\u003c/strong\u003e\n    \u003cbr\u003e\n    \u003cbr\u003e\n    \u003cdiv align=\"center\"\u003e\n        \u003ca aria-label=\"NPM version\" href=\"https://www.npmjs.com/package/bloum\"\u003e\n          \u003cimg alt=\"NPM version\" src=\"https://img.shields.io/npm/v/bloum?style=for-the-badge\"\u003e\n        \u003c/a\u003e\n        \u003ca aria-label=\"Minzipped size\" href=\"https://bundlephobia.com/package/bloum\"\u003e\n          \u003cimg alt=\"Minzipped size\" src=\"https://img.shields.io/bundlephobia/minzip/bloum?style=for-the-badge\"\u003e\n        \u003c/a\u003e\n        \u003ca aria-label=\"License\" href=\"https://github.com/balsigergil/bloum/blob/main/LICENSE\"\u003e\n          \u003cimg alt=\"License\" src=\"https://img.shields.io/npm/l/bloum?style=for-the-badge\"\u003e\n        \u003c/a\u003e\n        \u003ca aria-label=\"Build status\" href=\"https://github.com/balsigergil/bloum/actions/workflows/quality.yml\"\u003e\n          \u003cimg alt=\"Build status\" src=\"https://img.shields.io/github/actions/workflow/status/balsigergil/bloum/quality.yml?style=for-the-badge\u0026label=tests\"\u003e\n        \u003c/a\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n## Table of Contents\n\n- 📖 [Introduction](#what-is-bloum)\n- 🚀 [Features](#features)\n- 📦 [Installation](#installation)\n- 💻 [Usage](#usage)\n- 📋 [Documentation](#documentation)\n- ⚖️ [License](#license)\n\n## What is Bloum?\n\nBloum is an open-source library of web components.\nThe goal of this library is to provide a set of CSS and JavaScript components\nthat can be used in any web project, regardless of the framework or library used.\nThe main use-case for Bloum is to provide easy-to-use components for a project\nusing MPA (Multi-Page Application) like Laravel, Django or Rails.\nIt pairs well with server-side rendering and progressive enhancement tools\nlike [HTMX](https://htmx.org/) and [Alpine.js](https://alpinejs.dev/).\n\n## Features\n\n- 🚀 **Feature-rich:** Bloum provides a wide range of components to build modern web apps or design systems.\n- 🪶 **Lightweight:** Bloum is light. It's less than 30KB minified and gzipped.\n- 🔍 **Accessible:** Built with accessibility in mind. It's fully keyboard-navigable and [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/) compliant.\n- 🌓 **Dark mode:** Supports dark mode out of the box.\n- 📱 **Responsive:** Works on all modern browsers and devices.\n- 📦 **Single package:** Everything is bundled in a single package for an easy setup.\n- 🎨 **Theming:** Easy to customize with CSS variables.\n\n[//]: # \"- 🧪 **Tested:** End-to-end tests with [Playwright](https://playwright.dev/) and unit tests with [Vitest](https://vitejs.dev/guide/features.html#testing).\"\n\n## Installation\n\n### CDN\n\nUse the following lines in your `head` tag\nto load the latest version of Bloum from a CDN:\n\n```html\n\u003cscript src=\"https://unpkg.com/bloum\" defer\u003e\u003c/script\u003e\n\u003clink href=\"https://unpkg.com/bloum/dist/bloum.min.css\" rel=\"stylesheet\" /\u003e\n```\n\n### Package Manager\n\nInstall Bloum using your favorite package manager:\n\n```bash\n# NPM\nnpm install bloum\n\n# Yarn\nyarn add bloum\n\n# Pnpm\npnpm add bloum\n\n# Bun\nbun add bloum\n```\n\n## Usage\n\nOnce installed, import the library in your project and intialize it:\n\n```js\nimport { init } from \"bloum\";\ninit();\n```\n\nThis will register all the components globally.\n\nAfter that, include the stylesheet in your JavaScript\nif you're using a bundler like Vite or Webpack:\n\n```js\nimport \"bloum/dist/bloum.min.css\";\n```\n\nThen, use the components in your HTML.\n\n## Documentation\n\nThe documentation is available at [https://www.bloum.dev](https://www.bloum.dev)\nfor more information on how to use the components.\n\n## License\n\nBloum is [MIT licensed](./LICENSE) \u0026copy; [Gil Balsiger](https://github.com/balsigergil)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbalsigergil%2Fbloum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbalsigergil%2Fbloum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbalsigergil%2Fbloum/lists"}