https://github.com/uzmoi/asarina

Zero-runtime CSS in JS library.
https://github.com/uzmoi/asarina

css css-in-js linaria typescript

Last synced: 27 days ago
JSON representation

Zero-runtime CSS in JS library.

• Host: GitHub
• URL: https://github.com/uzmoi/asarina
• Owner: uzmoi
• License: mit
• Created: 2024-08-05T15:27:35.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-24T03:43:22.000Z (3 months ago)
• Last Synced: 2024-11-13T16:46:42.981Z (about 1 month ago)
• Topics: css, css-in-js, linaria, typescript
• Language: TypeScript
• Homepage:
• Size: 82 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Asarina

[![NPM Version][npm-badge]](https://www.npmjs.com/package/asarina)

[![GitHub License][license-badge]](https://opensource.org/license/MIT)

[npm-badge]: https://img.shields.io/npm/v/asarina?style=flat-square

[license-badge]: https://img.shields.io/github/license/uzmoi/asarina?style=flat-square

## Features

- Zero-runtime, as styles are extracted at build time.

- Co-locate styles with components.

- UI framework agnostic.

- Typed by [csstype](https://github.com/frenic/csstype).

- Supports nesting selectors and at-rules.

- Supports `@keyframes`.

## Install

```

npm install asarina

```

## Setup

Asarina is built on [wyw-in-js](https://wyw-in-js.dev).

Check out the following guides:

- [Webpack](https://wyw-in-js.dev/bundlers/webpack)

- [Rollup](https://wyw-in-js.dev/bundlers/rollup)

- [Vite](https://wyw-in-js.dev/bundlers/vite)

- [esbuild](https://wyw-in-js.dev/bundlers/esbuild)