  <p align="center">
    <img src="https://raw.githubusercontent.com/camomeui/camome/main/media/logo.svg?raw=true" alt="Camome UI" height="120" width="auto" />
  </p>

<h1 align="center">Light weight, accessible UI framework for React and CSS️</h1>

![License](https://img.shields.io/npm/l/@camome/core)
![NPM](https://img.shields.io/npm/v/@camome/core)
![Downloads](https://img.shields.io/npm/dm/@camome/core.svg?style=flat)
![Stars](https://badgen.net/github/stars/camomeui/camome)

<br />

Camome UI enables you to build various styles of components without run-time JavaScript by fully utilizing the power of CSS.

> **Note**
> Camome (かもめ, カモメ, 鴎) means seagull in Japanese by the way.

## 🚨 Camome UI is not yet stable

Breaking changes may be introduced without increment of major version number.

When you update `@camome/*`, see changelogs to make sure your code is not affected by breaking changes.

## Features

- Lightweight bundle size
- CSS first
- No JS runtime for styling
- Dark mode and custom theme supported
- Guaranteed style override
- Accessible
- Framework agnostic

Learn more details on [docs](https://camome.net/docs/guide/overview).

## Getting started

[Read the docs](https://camome.net/docs/guide/overview).

## Examples

Some examples are found under the [examples directory](https://github.com/camomeui/camome/tree/main/examples).

Available examples:

- Next.js
- Vite
- Bare HTML + CDN

## Contributing

Work in progress

## License

MIT
