{"id":23547151,"url":"https://github.com/remcostoeten/react-tailwind-chrome-like-dev-tools","last_synced_at":"2026-04-11T05:04:11.888Z","repository":{"id":244675448,"uuid":"815933767","full_name":"remcostoeten/React-tailwind-chrome-like-dev-tools","owner":"remcostoeten","description":"A React component for debugging and modifying CSS classes in real-time. Features include element inspection, selection, and adding predefined Tailwind CSS classes (\"text-balance\" and \"text-pretty\").","archived":false,"fork":false,"pushed_at":"2024-06-16T15:29:11.000Z","size":516,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-03T12:28:27.061Z","etag":null,"topics":["chrome-extension","css","react","tailwindcss","tool","vite"],"latest_commit_sha":null,"homepage":"https://debug.remcostoeten.com","language":"TypeScript","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/remcostoeten.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,"publiccode":null,"codemeta":null}},"created_at":"2024-06-16T15:18:08.000Z","updated_at":"2024-06-16T15:29:14.000Z","dependencies_parsed_at":"2024-06-16T17:54:54.010Z","dependency_job_id":null,"html_url":"https://github.com/remcostoeten/React-tailwind-chrome-like-dev-tools","commit_stats":null,"previous_names":["remcostoeten/react-tailwind-chrome-like-dev-tools"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/remcostoeten/React-tailwind-chrome-like-dev-tools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FReact-tailwind-chrome-like-dev-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FReact-tailwind-chrome-like-dev-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FReact-tailwind-chrome-like-dev-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FReact-tailwind-chrome-like-dev-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/remcostoeten","download_url":"https://codeload.github.com/remcostoeten/React-tailwind-chrome-like-dev-tools/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FReact-tailwind-chrome-like-dev-tools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669118,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["chrome-extension","css","react","tailwindcss","tool","vite"],"created_at":"2024-12-26T09:14:47.830Z","updated_at":"2026-04-11T05:04:11.869Z","avatar_url":"https://github.com/remcostoeten.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"A React component for debugging and modifying CSS classes in real-time. Features include element inspection, selection, and adding predefined Tailwind CSS classes (`\"text-balance\"` and `\"text-pretty\"`).\n\nMVP is a Chrome debug-like tool which allows for (my initial thoughts): toggle `text-wrap: balance` vs `normal` vs `pretty` to see how it looks like in the browser. Could be a standalone npm package or a Chrome extension.\n\n- `Shift + X` to toggle debugger\n- `Shift + X` again to turn off debugger\n- Click on an element to see its class name\n- Click on an element to add a class to it\n\nWiP and will probably be forgotten.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremcostoeten%2Freact-tailwind-chrome-like-dev-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fremcostoeten%2Freact-tailwind-chrome-like-dev-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremcostoeten%2Freact-tailwind-chrome-like-dev-tools/lists"}