Documentation

Learn how to use MyloUI Blocks in your projects.

Getting Started

Learn the basics of using MyloUI Blocks in your project.

Before installing blocks for the first time, add MyloUI as a registry in your project. Run this once:

npx @mylo-ui/registry init

This adds the following to your components.json. You can also add it manually:

{
  "registries": {
    "@mylo-ui": "https://mylo-ui.vercel.app/r/{name}.json"
  }
}

Once the registry is configured, install any block using the shadcn CLI.

npx shadcn add @mylo-ui/[block-name]

You can also copy code directly from the website and paste it into your project.