{"id":15041494,"url":"https://github.com/fajarspace/stuff-css","last_synced_at":"2025-04-14T20:21:08.353Z","repository":{"id":234261174,"uuid":"590743073","full_name":"fajarspace/Stuff-CSS","owner":"fajarspace","description":"Stuff is a simple framework CSS for native website","archived":false,"fork":false,"pushed_at":"2023-03-14T16:50:38.000Z","size":34909,"stargazers_count":34,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T08:35:40.927Z","etag":null,"topics":["css","css-framework","framework","html","scss-framework"],"latest_commit_sha":null,"homepage":"https://stuffcss.netlify.app/","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/fajarspace.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}},"created_at":"2023-01-19T04:59:43.000Z","updated_at":"2024-10-11T17:35:47.000Z","dependencies_parsed_at":"2024-04-18T17:42:14.937Z","dependency_job_id":"55d9f3e5-c6b1-4832-8cad-409128e44b7b","html_url":"https://github.com/fajarspace/Stuff-CSS","commit_stats":null,"previous_names":["fajarspace/stuff-css"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fajarspace%2FStuff-CSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fajarspace%2FStuff-CSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fajarspace%2FStuff-CSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fajarspace%2FStuff-CSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fajarspace","download_url":"https://codeload.github.com/fajarspace/Stuff-CSS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248589967,"owners_count":21129715,"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","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-framework","framework","html","scss-framework"],"created_at":"2024-09-24T20:46:09.937Z","updated_at":"2025-04-14T20:21:08.328Z","avatar_url":"https://github.com/fajarspace.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/fajarspace/stuff-css\"\u003e\n    \u003cimg src=\"https://github.com/fajarspace/Stuff-CSS/blob/master/src/static/img/stuff-transparent.png?raw=true\" alt=\"Logo\" width=\"400\"\u003e\n  \u003c/a\u003e\n  \u003c!-- \u003ch3 align=\"center\"\u003eStuff CSS\u003c/h3\u003e --\u003e\n  \u003cp align=\"center\"\u003e\n    Simple CSS framework for native website\n    \u003cbr /\u003e\n    \u003ca href=\"https://stuffcss.netlify.app\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/fajarspace/stuff-css/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/fajarspace/stuff-css/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n\n\u003c/div\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n## Getting Started\n\nStuff CSS is a front-end framework that makes it easy to create responsive but minimalist web pages (displays well on any screen size) and is mobile-friendly.\n\n### Prerequisites\n\nThere are 3 ways to run Stuff CSS, Using a CDN (Content Delivery Network), Installing via NPM (Node Package Manager) or Install manually\n*Note: version on react.js is under development, maybe users will find a lot of bugs\n\n* NPM\n  ```sh\n  npm install stuffcss\n  ```\n* CDN\n  ```html\n  \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/stuffcss@latest/dist/css/stuff.min.css\"\u003e\n  \u003cscript src=\"https://unpkg.com/stuffcss@latest/dist/js/stuff.min.js\"\u003e\u003c/script\u003e\n  ```\n* Manually \u003cbr\u003e\n  [Download](https://stuffcss.netlify.app) a latest version Stuff \n\n\u003c!-- USAGE EXAMPLES --\u003e\n## Usage\n\n_For more examples, please refer to the [Documentation](https://example.com)_\n\n\u003c!-- ROADMAP --\u003e\n## Roadmap\n\n- [x] Add themes\n    - [x] Dark or Light\n    - [x] Auto\n- [ ] Add Layout\n    - [x] Container\n    - [x] Flex\n    - [x] Grid\n    - [ ] Horizontal scroller\n- [ ] Add Content\n    - [x] Typography\n    - [ ] Images\n    - [ ] Tables\n- [ ] Add Forms\n- [ ] Add Components\n    - [ ] Accordion\n    - [x] Breadcrumb\n    - [ ] Button\n    - [x] Cards\n    - [x] Navbar\n    - [ ] Dropdown\n    - [ ] Modal\n    - [ ] Pagination\n\nSee the [open issues](https://github.com/fajarspace/stuff-css/issues) for a full list of proposed features (and known issues).\n\n\n\n\u003c!-- CONTRIBUTING --\u003e\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\n\n\u003c!-- LICENSE --\u003e\n## License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\u003c!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --\u003e\n[contributors-shield]: https://img.shields.io/github/contributors/fajarspace/stuff-css.svg?style=for-the-badge\n[contributors-url]: https://github.com/fajarspace/stuff-css/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/fajarspace/stuff-css.svg?style=for-the-badge\n[forks-url]: https://github.com/fajarspace/stuff-css/network/members\n[stars-shield]: https://img.shields.io/github/stars/fajarspace/stuff-css.svg?style=for-the-badge\n[stars-url]: https://github.com/fajarspace/stuff-css/stargazers\n[issues-shield]: https://img.shields.io/github/issues/fajarspace/stuff-css.svg?style=for-the-badge\n[issues-url]: https://github.com/fajarspace/stuff-css/issues\n[license-shield]: https://img.shields.io/github/license/fajarspace/stuff-css.svg?style=for-the-badge\n[license-url]: https://github.com/fajarspace/stuff-css/blob/master/LICENSE.txt\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/othneildrew\n[product-screenshot]: images/screenshot.png\n[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\n[Next-url]: https://nextjs.org/\n[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\n[React-url]: https://reactjs.org/\n[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge\u0026logo=vuedotjs\u0026logoColor=4FC08D\n[Vue-url]: https://vuejs.org/\n[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge\u0026logo=angular\u0026logoColor=white\n[Angular-url]: https://angular.io/\n[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge\u0026logo=svelte\u0026logoColor=FF3E00\n[Svelte-url]: https://svelte.dev/\n[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge\u0026logo=laravel\u0026logoColor=white\n[Laravel-url]: https://laravel.com\n[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white\n[Bootstrap-url]: https://getbootstrap.com\n[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge\u0026logo=jquery\u0026logoColor=white\n[JQuery-url]: https://jquery.com \n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.\n\n[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.\n\nThe `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffajarspace%2Fstuff-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffajarspace%2Fstuff-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffajarspace%2Fstuff-css/lists"}