Miku UI

Get Started

Learn how to configure Miku UI in your project

Static Websites

Simply click the download button and paste the file in your css directory. Don't forget to set the link attribute !

Download (5.49 KB)Download (minified) (4.64 KB)

React/NextJS Project

Import Miku-UI in your index.js (React) or _app.js (NextJS) file as follows

 // pages/_app.js
    import 'path/to/miku-ui.css'
    function MyApp({ Component, pageProps }) {
      return <Component {...pageProps} />
    }
    export default MyApp

Colors and Fonts

Miku UI recommends Inter (Learn More). We have couple of shades of gray and some primary colors.

Gray

Some basic colors