HomeOnTour LogoUI

Introduction

Re-usable components built with Radix UI and Tailwind CSS.

HomeOnTour UI is a collection of re-usable components that you can copy and paste into your apps. It's built on top of Tailwind CSS and Radix UI, inspired by shadcn/ui.

This is NOT a component library. It's a collection of components that you own. The code is yours. Use them as a starting point and customize them to your needs.

FAQ

Why copy/paste and not packaged as a dependency?

The idea behind this is to give you ownership and control over the code, allowing you to decide how the components are built and styled. You can use this as a reference to build your own component libraries or just use the components as-is.

Which frameworks are supported?

Any React framework that supports Tailwind CSS. This includes Next.js, Vite, Remix, Gatsby, Create React App, and more.

Can I use this in my project?

Yes! The code is yours. Use it however you want. The components are open source and free to use.

Quick Start

1. Install the CLI
Initialize your project with HomeOnTour UI
pnpm dlx homeontour-ui@latest init
2. Add a Component
Start adding components to your project
pnpm dlx homeontour-ui@latest add logo-svg
3. Use in Your Code
Import and use the component
import { LogoSvg } from '@/components/homeontour-ui/logo-svg'

export default function MyPage() {
  return <LogoSvg className="h-10" />
}

That's it! Check out the installation guide for more details, or browse available components.