https://github.com/kuma-ui/kuma-ui

🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨
https://github.com/kuma-ui/kuma-ui

css-in-js headless react utility-first zero-runtime

Last synced: 2 days ago
JSON representation

🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

• Host: GitHub
• URL: https://github.com/kuma-ui/kuma-ui
• Owner: kuma-ui
• License: mit
• Created: 2023-03-30T18:49:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-23T15:11:13.000Z (about 2 months ago)
• Last Synced: 2024-12-03T07:02:22.593Z (9 days ago)
• Topics: css-in-js, headless, react, utility-first, zero-runtime
• Language: TypeScript
• Homepage: https://kuma-ui.com
• Size: 18.4 MB
• Stars: 1,795
• Watchers: 9
• Forks: 63
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome - kuma-ui/kuma-ui - 🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨ (TypeScript)

README

        


  



Ultra Fast, Zero Runtime, Headless UI Components


**[Documentation](https://kuma-ui.com)**

 


    

      

    

    

      

    

  

  


https://github.com/kuma-ui/kuma-ui/assets/59927325/c3f7da97-dbff-49bb-a578-1cb9134b8dd2

## 🐻‍❄️ Features

- ⚡ **Zero-runtime**: Deliver blazing-fast websites with zero-runtime CSS extraction.

- 🔮 **Autocomplete**: Experience seamless development with style autocompletion.

- 🛠️ **Headless Components**: Enjoy maximum customization freedom with our headless components.

- 🤝 **Hybrid Approach**: The best of both worlds—support for any writing style with our hybrid approach.

- 🚀 **RSC Support**: Stay updated with cutting-edge Next.js technology via our RSC support.

- 🥇 **Familiar DX** : Delight in the ultimate DX with our familiar API design.

## 💻 Installation

```sh

npm install @kuma-ui/core

```

For installation instructions and more detailed information, please visit our [documentation](https://www.kuma-ui.com/docs/install). Be sure to check out our guide for setting up Kuma UI with your specific framework (Next.js or Vite).

## 🔫 Example

```tsx

function App() {

  return (

    

      

        Kuma UI

      

      

      

        

          Headless UI Component Library

        

        Getting Started

      

    

  );

}

```

## 👥 Join the Community

Connect with us on [Twitter](https://twitter.com/kuma__ui) and [Discord](https://discord.gg/QrsQ4EPp7G) to stay up to date with our latest developments, or to provide us with your valuable feedback!

Welcome to Kuma UI, we can't wait to see what you build with it 🐻‍❄️.