Getting Started

Set up Master CSS in Remix

A quick guide to start using Master CSS in your Remix project.

Quick start

1. Create a Remix project

If you don't have a Remix project, create one first. It's recommended to refer Create Remix Project:

npx create-remix@latest project
cd project

* NPM version < 7, then npm init Remix@latest my-vue-app --template vue

2. Installation

npm install @master/css

3. Import

import { hydrate } from "react-dom";
import { RemixBrowser } from "remix";
import '@master/css';
hydrate( <RemixBrowser />, document)

4. Launch server

npm run dev

Hello world

Now, start developing your UI with Master CSS. 🎉


Hello World

import styles from '@master/normal.css'
import { Links, Scripts } from "remix";
import type { LinksFunction } from "remix";
export const links: LinksFunction = () => {
return [
{ rel: "stylesheet", href: styles }
export default function App() {
return (
<html lang="en">
<Links />
<Scripts />
<h1 className="font:40 font:heavy italic m:50 text:center">
Hello World

© Aoyue Design LLC.
Issue on this page
Edited byLola