{"id":28371946,"url":"https://github.com/9itish/neatu","last_synced_at":"2026-05-11T09:04:09.738Z","repository":{"id":251346076,"uuid":"837139987","full_name":"9itish/neatu","owner":"9itish","description":"A lightweight mobile-first CSS framework for you to quickly create responsive websites that look great everywhere with least possible HTML bloat.","archived":false,"fork":false,"pushed_at":"2025-05-27T04:28:25.000Z","size":174,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-20T14:40:37.436Z","etag":null,"topics":["css-flexbox","css-framework","css3","javascript","responsive-layout","scss-framework","web-development"],"latest_commit_sha":null,"homepage":"https://hellonitish.com/neatu/","language":"SCSS","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/9itish.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,"zenodo":null}},"created_at":"2024-08-02T09:48:38.000Z","updated_at":"2025-05-27T04:28:28.000Z","dependencies_parsed_at":"2025-06-20T14:34:30.064Z","dependency_job_id":"f4aac012-7f35-4467-9bda-eaf68937c869","html_url":"https://github.com/9itish/neatu","commit_stats":null,"previous_names":["9itish/neatu","9itish/neatu-css-framework"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/9itish/neatu","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9itish%2Fneatu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9itish%2Fneatu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9itish%2Fneatu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9itish%2Fneatu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/9itish","download_url":"https://codeload.github.com/9itish/neatu/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9itish%2Fneatu/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32626491,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"ssl_error","status_checked_at":"2026-05-04T10:08:02.005Z","response_time":58,"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":["css-flexbox","css-framework","css3","javascript","responsive-layout","scss-framework","web-development"],"created_at":"2025-05-29T11:15:26.230Z","updated_at":"2026-05-04T21:38:48.087Z","avatar_url":"https://github.com/9itish.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NeatU CSS Framework\n\n![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)\n![Minified Size](https://img.shields.io/badge/gzipped-~5.7KB-blue)\n![Built with Sass](https://img.shields.io/badge/built%20with-Sass-cc6699)\n\n**NeatU** is a lightweight, utility-first CSS framework built for speed, clarity, and control. It’s a no-BS alternative to bloated CSS libraries — gzipped under **6KB**, yet packed with everything you actually need.\n\n\u003e ⚡ Built to help you move fast without fighting your CSS.\n\nI’m continuously refining it, and I’m open to feedback, ideas, or pull requests.\n\n## Features\n\n- Utility-first classes (`ntu-flex`, `ntu-pad-tb`, `ntu-tcl-error`, etc.)\n- Fully functional important components like accordions, navigation, and tabs.\n- Clean, semantic class naming (`ntu-` prefix to avoid conflicts)\n- Generated from SCSS to keep it modular and easily customizable.\n- Responsive and minimal — no junk\n\n## 📦 File Structure\n\n```\ncss/\n├── neatu.css         # Compiled main CSS\n├── neatu.min.css     # Minified CSS\n├── ... more files    # More files\nscss/\n├── _accordion.scss   # Accordion Partials\n├── _buttons.scss     # Button Partials\n├── _flexbox.scss     # Flexbox based layout (Grid coming soon!)\n├── _variables.scss   # Colors, breakpoints, etc.\n├── neatu.scss        # Main SCSS import\njs/\n├── neatu.js          # All framework functionality\n...\n```\n\n## 🧱 Basic Usage\n\n### Include in HTML\n\n```html\n\u003clink rel=\"stylesheet\" href=\"css/neatu.min.css\" /\u003e\n\u003cscript src=\"js/neatu.js\"\u003e\u003c/script\u003e\n```\n\n### Example: Flexbox\n\n```html\n\u003cdiv class=\"ntu-flex ntu-flex-eq-mw\"\u003e\n  \u003cdiv\u003eItem 1\u003c/div\u003e\n  \u003cdiv\u003eItem 2\u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Example: Accordion\n\n```html\n\u003cdiv class=\"ntu-acc-item\"\u003e\n  \u003cdiv class=\"ntu-acc-item-head\"\u003eClick me\u003c/div\u003e\n  \u003cdiv class=\"ntu-acc-item-body\"\u003eHidden content\u003c/div\u003e\n\u003c/div\u003e\n```\n\n## 🎨 Customization\n\nEdit `scss/_variables.scss` to tweak:\n\n```scss\n$colors: (\n  'success': #4CAF50,\n  'error': #E53935,\n  'warning': #F57C00,\n  'normal': #2196F3,\n  'text': #222222,\n  'border': #AAAAAA,\n  'brand-primary': #00796B,\n  'brand-secondary': #0C3671\n);\n```\n\nRun SCSS build:\n\n```bash\nnpm run sass:build\n```\n\n## Philosophy\n\n- Don’t ship what you won’t use\n- Prefix everything to avoid namespace pollution\n- Give devs control, not assumptions\n- Optimize for small size + mental load\n\n## 📉 Size\n\n| File            | Size    |\n|-----------------|---------|\n| `neatu.css`     | ~42 KB  |\n| `ntu.min.css`   | ~34 KB  |\n| Gzipped         | **~5.73 KB** |\n\n## 🛠 Browser Support\n\n- ✅ Chrome\n- ✅ Firefox\n- ✅ Edge\n- ✅ Safari\n- IE (Let it die)\n\n## Roadmap\n\n1. Support for grid based layout.\n2. More theming options and config overrides.\n3. Improved accessibility.\n\n## 📃 License\n\nMIT — use it, modify it, make it your own.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F9itish%2Fneatu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F9itish%2Fneatu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F9itish%2Fneatu/lists"}