{"id":24648347,"url":"https://github.com/kjinengineer/stayedcss","last_synced_at":"2025-05-13T01:18:29.328Z","repository":{"id":268102795,"uuid":"890808370","full_name":"kjinengineer/stayedcss","owner":"kjinengineer","description":"🎨 A CSS library for Next.js App Router, supporting server and client components.","archived":false,"fork":false,"pushed_at":"2024-12-24T08:13:14.000Z","size":229,"stargazers_count":3,"open_issues_count":4,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-13T01:18:22.258Z","etag":null,"topics":["css-library","nextjs","nextjs-app-router"],"latest_commit_sha":null,"homepage":"https://stayedcss.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/kjinengineer.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-19T08:09:15.000Z","updated_at":"2024-12-26T03:48:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"275aa6c8-f111-4aad-9b64-ea4d99e75df5","html_url":"https://github.com/kjinengineer/stayedcss","commit_stats":null,"previous_names":["vectordxy/stayedcss","vectordxdy/stayedcss","kjinengineer/stayedcss"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fstayedcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fstayedcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fstayedcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fstayedcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kjinengineer","download_url":"https://codeload.github.com/kjinengineer/stayedcss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253851080,"owners_count":21973674,"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-library","nextjs","nextjs-app-router"],"created_at":"2025-01-25T16:15:14.335Z","updated_at":"2025-05-13T01:18:29.303Z","avatar_url":"https://github.com/kjinengineer.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![stayedcss](https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2\u0026fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FccWzLp%2FbtsLiB8N2zD%2FzpDz5HKEHjlXrhGlZ4GBJK%2Fimg.png)\n\n\u003cdiv align=\"center\"\u003e\n\n![version](\u003chttps://img.shields.io/badge/npm-0.0.2(beta)-blue\u003e)\n\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n## What is StayedCSS\n\n### Unlock the Full Potential of Next.js Apps With a CSS Library Designed for Simplicity and Performance 🚀\n\n\nStayedCSS is a static CSS library designed for **Next.js App Router**, offering full support for both server and client components. With a simple syntax similar to basic CSS, it enables efficient styling and aims to be the next-generation CSS library for the Next.js App Router.\n\nCurrently in its beta version, StayedCSS is rapidly improving in optimization and stability. It will continue to evolve to deliver a better styling experience for your projects.\n\n## Why StayedCSS?\n\n1. Simplifies complex styling tasks.\n2. Optimized for the Next.js App Router.\n3. Provides a modern, developer-friendly approach to CSS.\n\n## Key Features\n\n- **Flicker-Free Dark Mode Transitions**: Ensure smooth, visually appealing, and flicker-free transitions when toggling dark mode.\n- **Server and Client Component Support**: Apply styles seamlessly to server and client components in the Next.js App Router environment.\n- **Simple Syntax**: Write clean and maintainable CSS code with powerful features.\n- **Media Queries**: Effortlessly create responsive designs with built-in media query support.\n- **Pseudo-Classes and Elements**: Utilize CSS commands such as `:hover`, `::after`, and `~ p` for advanced styling.\n\n## 🎉 **Start Using StayedCSS Today!** 🎉\n\nExperience the future of styling with a library built for developers who love simplicity! \n\n**Installation**\n\n```bash\nnpm install stayedcss\n# or\nyarn add stayedcss\n```\n\n**Usage Example**\n\n```jsx\nimport { useStyle } from \"stayedcss\";\nconst styles = useStyle({\n  componentId: \"components/example\",\n  container: {\n    backgroundColor: \"black\",\n    padding: \"20px\",\n  },\n});\n```\n\nFor more details, check out the [documentation](https://stayedcss.vercel.app/docs/getting-started/introduction).\n\n## Limitations (Beta Version)\n\n- As this libraryis currently in **beta version**, stability is not guaranteed.\n- Any code, sturcture or function can be changed. Features may be modified, added, or removed as I continue to improve and stabilize it.\n\n## Contribution\n\nStayedCSS is an open-source project. Feel free to submit bug reports or feature requests on Issues. Your feedback is important for StayedCSS from a beta version to a stable and robust library.\n\n### PR Guidelines\n- Base Branch: Please ensure that your PR targets the dev branch.\n- Commit Messages: Write clear and concise commit messages.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkjinengineer%2Fstayedcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkjinengineer%2Fstayedcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkjinengineer%2Fstayedcss/lists"}