StayedCSS – A CSS Library for Next.js App Router / Powered by gittech.site 💗

StayedCSS: The CSS library for Next.js App Router

Introduction

StayedCSS - beta version

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.

Main Features

• Server and Client Component Support : Apply styles seamlessly to server and client components in the Next.js App Router environment.
• Various Styling Options : Supports various CSS styles such as :hover, ::after, and ~ p.
• Media Queries : Simplify responsive design implementation.
• Dark Mode : Offers flicker-free dark mode transitions.

Getting Started

Installation

npm install stayedcss
# or
yarn add stayedcss

Usage Example

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

For more details, check out the documentation.

Limitations (Beta Version)

• StayedCSS is currently only compatible with the Next.js App Router environment.
• As this is a beta release, stability is not guaranteed.

It is recommended to thoroughly test before integrating it into your project.

Contribution

StayedCSS is an open-source project.

Feel free to submit bug reports or feature requests on Issues.

Your feedback will play a vital role in evolving StayedCSS from a beta version to a stable and robust library.

This response is generated by: https://gittech.site

On here: https://gittech.site/github/item/42429112