yurieui

Shadcn-style registry for the Yurie ecosystem.

brand/logo-hover

Logo Hover

An animated Yurie mark that expands horizontally on hover.

Logo Hover

The expanding brand treatment used in hero areas and headers.

Yurie

Install

Bash
pnpm dlx shadcn@latest add @yurieui/brand/logo-hover

Dependencies

Registry
  • No registry dependencies.
Packages
  • clsx
  • tailwind-merge

Files

registry/yurieui/components/brand/logo-hover.tsx
registry:component
registry/yurieui/components/brand/logo-animated.tsx
registry:component
registry/yurieui/components/brand/logo-hover-svg.tsx
registry:component
registry/yurieui/components/brand/logo-svg.tsx
registry:component
registry/yurieui/components/brand/logo-animation.css
registry:file
target: components/brand/logo-animation.css
registry/yurieui/lib/utils.ts
registry:lib

Usage Notes

This block expects the Yurie theme tokens and the `font-departure-mono` family to be available.