Dev Design Library

Dia Text

Diagonal clip-path reveal for bold display typography. Text sweeps into view with an angled edge as the component enters the viewport.

Dia Text preview
Library
Nexvyn UI
Framework
React
Type
ui
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
motion
Install
npx shadcn@latest add @nexvyn/dia-text
Files
  • components/ui/dia-text.tsx
  • lib/motion-tokens.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI