Logo

A radius-aware logo primitive with optional hover or looping shine.

Import

import { Logo } from "@/components/ui/atoms/logo";

Shine effects

<Logo effect="none" />
<Logo effect="shine" />
<Logo effect="shine-loop" />

Radius

<Logo radius="none" />
<Logo radius="md" />
<Logo radius="full" />
pnpm dlx shadcn@latest add @poyraz/logo

Runtime dependencies

class-variance-authority@^0.7.1

Registry dependencies

@poyraz/poyraz-utils, @poyraz/poyraz-theme

Installed files

@ui/atoms/logo.tsx