{"id":26739717,"url":"https://github.com/shamscorner/wtf-css-unit","last_synced_at":"2026-05-09T09:01:56.588Z","repository":{"id":208776980,"uuid":"722022413","full_name":"shamscorner/wtf-css-unit","owner":"shamscorner","description":"Sometimes finding the right css units can be a pain. This tool will help you to figure out the right css units for your project. Figure out your CSS unit with ease. All you need to do is just answer some questions. Inspired by whatunit.com.","archived":false,"fork":false,"pushed_at":"2024-01-14T17:49:16.000Z","size":1111,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-28T04:39:18.727Z","etag":null,"topics":["css","css-units","css3","font-sizes","sveltekit","tailwindcss","units"],"latest_commit_sha":null,"homepage":"https://wtf-css-unit.vercel.app","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/shamscorner.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}},"created_at":"2023-11-22T09:18:53.000Z","updated_at":"2023-11-23T08:02:43.000Z","dependencies_parsed_at":"2024-01-14T15:29:36.839Z","dependency_job_id":null,"html_url":"https://github.com/shamscorner/wtf-css-unit","commit_stats":null,"previous_names":["shamscorner/wtf-css-unit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shamscorner/wtf-css-unit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamscorner%2Fwtf-css-unit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamscorner%2Fwtf-css-unit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamscorner%2Fwtf-css-unit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamscorner%2Fwtf-css-unit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shamscorner","download_url":"https://codeload.github.com/shamscorner/wtf-css-unit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamscorner%2Fwtf-css-unit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266807140,"owners_count":23987426,"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","status":"online","status_checked_at":"2025-07-24T02:00:09.469Z","response_time":99,"last_error":null,"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-units","css3","font-sizes","sveltekit","tailwindcss","units"],"created_at":"2025-03-28T04:39:21.711Z","updated_at":"2026-05-09T09:01:56.475Z","avatar_url":"https://github.com/shamscorner.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WTF is CSS Units Anyway?\n\n**🚜 Under Active Construction (not finished yet)**\n\nSometimes finding the right css units can be a pain. This tool will help you to figure out the right css units for your project. Figure out your CSS unit with ease. All you need to do is just answer some questions.\n\nThis project is highly inspired by [whatunit.com](https://whatunit.com/). Check the awesome flowchart there.\n\nThis project is created from this awesome [sveltekit starter template](https://github.com/shamscorner/sveltekit-stackter)\n\n## TODOs\n\n- [x] Font size\n- [x] Spacing\n- [x] Positioning\n- [x] Details/effects\n- [x] Flex or grid\n- [ ] Width or height on an element\n\n## Run on your local?\n\nRename `.env-example` to `.env` or `.env.local`\n\nInstall dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:\n\n```bash\nnpm run dev\n\n# or start the server and open the app in a new browser tab\nnpm run dev -- --open\n```\n\n## Building\n\nTo create a production version of your app:\n\n```bash\nnpm run build\n```\n\nYou can preview the production build with `npm run preview`.\n\n\u003e To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.\n\n## Vercel deployment\n\n[Check here](https://vercel.com/guides/how-can-i-use-bitbucket-pipelines-with-vercel#configuring-bitbucket-pipelines-for-vercel)\n\n[Twitter](https://twitter.com/shamscorner)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshamscorner%2Fwtf-css-unit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshamscorner%2Fwtf-css-unit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshamscorner%2Fwtf-css-unit/lists"}