StayedCSS 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.

Currently 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.

1. Simplifies complex styling tasks.
2. Optimized for the Next.js App Router.
3. Provides a modern, developer-friendly approach to CSS.

• Flicker-Free Dark Mode Transitions: Ensure smooth, visually appealing, and flicker-free transitions when toggling dark mode.
• Server and Client Component Support: Apply styles seamlessly to server and client components in the Next.js App Router environment.
• Simple Syntax: Write clean and maintainable CSS code with powerful features.
• Media Queries: Effortlessly create responsive designs with built-in media query support.
• Pseudo-Classes and Elements: Utilize CSS commands such as :hover, ::after, and ~ p for advanced styling.

Experience the future of styling with a library built for developers who love simplicity!

Installation

npm install stayedcss
# or
yarn add stayedcss

Usage Example

import { useStyle } from "stayedcss";
const styles = useStyle({
  componentId: "components/example",
  container: {
    backgroundColor: "black",
    padding: "20px",
  },
});

For more details, check out the documentation.

• As this libraryis currently in beta version, stability is not guaranteed.
• Any code, sturcture or function can be changed. Features may be modified, added, or removed as I continue to improve and stabilize it.

StayedCSS 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.

• Base Branch: Please ensure that your PR targets the dev branch.
• Commit Messages: Write clear and concise commit messages.

MIT