{"id":44763820,"url":"https://github.com/ehanahamed/ehui","last_synced_at":"2026-02-16T03:34:40.169Z","repository":{"id":145934060,"uuid":"615151049","full_name":"ehanahamed/ehui","owner":"ehanahamed","description":"Customizable UI kit/CSS library · EhUI","archived":false,"fork":false,"pushed_at":"2026-01-30T15:55:50.000Z","size":3835,"stargazers_count":2,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-31T07:47:12.493Z","etag":null,"topics":["css","css-libraries","css-library","ui-kit"],"latest_commit_sha":null,"homepage":"https://ehan.dev/ehui","language":"CSS","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/ehanahamed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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":null,"dco":null,"cla":null}},"created_at":"2023-03-17T03:55:44.000Z","updated_at":"2026-01-30T15:55:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"251b5bc9-d5e1-47d0-aace-704e3ce34aff","html_url":"https://github.com/ehanahamed/ehui","commit_stats":null,"previous_names":["ehanahamed/designsys","ehanahamed/ehansuikit","ehanahamed/ehui"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/ehanahamed/ehui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehanahamed%2Fehui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehanahamed%2Fehui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehanahamed%2Fehui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehanahamed%2Fehui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ehanahamed","download_url":"https://codeload.github.com/ehanahamed/ehui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehanahamed%2Fehui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29499615,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T02:07:14.481Z","status":"online","status_checked_at":"2026-02-16T02:03:22.852Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":true,"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":["css","css-libraries","css-library","ui-kit"],"created_at":"2026-02-16T03:34:39.377Z","updated_at":"2026-02-16T03:34:40.164Z","avatar_url":"https://github.com/ehanahamed.png","language":"CSS","readme":"# EhUI\n\nEhUI is a customizable free \u0026 open source UI-kit/css-library.\n\nhttps://ehan.dev/ehui\n\n[Codeberg](https://codeberg.org/ehanahamed/ehui) · [GitHub](https://github.com/ehanahamed/ehui)\n\n## Installation\n\nGet EhUI from `site/css/ehui.min.css`, and a theme from `site/themes/`.\n```html\n\u003clink rel=\"stylesheet\" href=\"css/ehui.min.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"themes/auto.min.css\"\u003e\n```\n\nEhUI's colors are defined in those theme css files, so you need one. `auto.min.css` is a good default. (it's automatic light/dark based on users' browser settings) We also have seperate `dark.min.css` and `light.min.css`, and you can easily make your own theme and/or configure how your project uses/switches themes however you want.\n\nI reccomend hosting/serving the css files yourself, under your own site or on your own server, because the css files from `https://ehan.dev/ehui/css/` and `https://ehan.dev/ehui/themes/` are updated often, and have frequent breaking changes. (Even my/our own projects, like [Quizfreely](https://quizfreely.com), use a seperate copy of EhUI's css to avoid accidentally breaking styles across different projects/sites/apps)\n\nBtw, EhUI doesn't need any JavaScript. Even dropdowns, accordians, and other interactive stuff work without JavaScript. Obviously, EhUI also works well with JavaScript too, it's just not required if you don't need it.\n\n## Customization \u0026 Themes\n\nThemes' SCSS are in `themes/`. They're compiled to css files under `build/themes/`, and they're minified versions are in `site/themes/`.\n\n## Development\n\nEhUI is written in SASS/SCSS, and gets compiled to CSS.\n- `site/css/` and `site/themes/` have minified css from `build/`.\n- `build/css/` and `build/themes/` have compiled css from source code in `src/scss/ehui.scss` and `themes/`\n\n### Compiling, Minifying, etc\n\nUse `npm run build` to compile + minify the css. There is a github action ([build.yml](.github/workflows/build.yml)) that can run `npm run build` \u0026 commit + push the compiled css for you (it's useful if you're developing on a device that you can't run those npm commands on).\n\n`npm run build` runs `npm run compile` and then `npm run minify`.\n- Compiling with `npm run compile` ONLY updates `build/` by compiling `src/scss/` and `themes/`.\n- Minifying with `npm run minify` ONLY updates `site/` by minifying css from `build/`. (It should be run after running `npm run compile`)\n- Just using `npm run build` is easier, cause it just does both `compile` and `minify` in order, for you lol\n\n### Site \u0026 Demos/Testing\n\n`site/` has ehui's website's source code. All the html examples, demos, \u0026 testing is there.\n\nEhUI's website is at [ehan.dev/ehui](https://ehan.dev/ehui). Because it's part of `ehan.dev`, there's a copy of ehui's `site/` in `ehan.dev`'s source code (which is `ehanahamed/site` on [codeberg](https://codeberg.org/ehanahamed/site) and [github](https://github.com/ehanahamed/site)).\n\nTo update the copy in the `site` repository, we copy `\u003cehui repo\u003e/site/` to `\u003csite repo\u003e/site/ehui/`.\n\nWe have a github action ([update-site.yml](.github/workflows/update-site.yml)) to update the copy in `site`'s repo more convinently.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fehanahamed%2Fehui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fehanahamed%2Fehui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fehanahamed%2Fehui/lists"}