{"repo":"eagerpatch/navita","free":true,"listed":false,"github":"https://github.com/eagerpatch/navita","clone":"git clone https://github.com/eagerpatch/navita.git","description":"Atomic CSS-in-JS with zero runtime","language":"TypeScript","stars":52,"topics":["css","css-in-js","nextjs","nextjs13","typescript","vanilla-extract","webpack","css-modules","swc","vite"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Navita is a powerful CSS-in-JS library that brings type-safe compile-time Atomic CSS-in-JS with zero runtime to your projects. It allows you to easily style your components and apply themes without the need for any additional runtime dependencies. With Navita, you can write clean and maintainable CSS in JavaScript, without sacrificing runtime performance. 🔥 &nbsp; All styles generated at build time — just like Sass, Less, etc. ✨ &nbsp; Minimal abstraction over standard CSS. 🦄 &nbsp; Works with any JS-based front-end framework — or even without one. 🎨 &nbsp; High-level theme system with support for simultaneous themes. 💪 &nbsp; Type-safe styles via CSSType. 🌳 &nbsp; Co-locate your styles with your components — if you want to. 🛠 &nbsp; Integrations with popular bundlers such as Webpack, Vite, and Next.js. --- 🌐 Check out the documentation site for setup guides, examples and API docs. --- Installation To start using Navita in your project, simply follow these steps: Install Navita using npm: You'll also need to install the Navita integration for your preferred bundler. Navita currently supports Webpack, Vite, and Next.js. Choose the integration for your preferred bundler: If you are using Webpack, install the Webpack integration: Update your webpack.config.js file to include both MiniCssExtractPlugin and NavitaPlugin: Read more about the Webpack integration in the Webpack documentation. If you are using Vite, install the Vite integration: And add it to your vite.config.js","default_branch":null,"files":null,"tree":[],"storefront":"/r/eagerpatch","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/eagerpatch/navita/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}