Buttons
Type Styles
Fluid DS type tokens from src/index.css — each scales continuously between its mobile and desktop values via clamp(), independent of Tailwind's own text-* scale.
Display
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Heading
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Eyebrows
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Body
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Animations
Enter animations composed from tw-animate-css utilities — no custom keyframes. Timing/easing choices follow docs/METHODOLOGY.md. Press Replay to re-trigger; add new entries here whenever a new animation pattern joins the library so we always have a live reference.
Fade In
Opacity 0 → 1. Simple appearance, no directional motion.
animate-in fade-in duration-300 ease-out fill-mode-bothFade Up
Opacity + translateY. Good for a hero headline entrance.
animate-in fade-in slide-in-from-bottom-4 duration-500 ease-out fill-mode-bothSlide In (Left)
Enters from the left edge, fading in alongside.
animate-in slide-in-from-left-8 fade-in duration-500 ease-out fill-mode-bothZoom In
Scales up from 75% while fading in.
animate-in zoom-in-75 fade-in duration-300 ease-out fill-mode-bothBadges & Alerts
Tabs & Table
Form Fields
Progress & Skeleton
Land Type Selection
Accordion
Overlays
Radial Charts
Form Sections
Tell us about yourself
We'll never share or sell your personal information. We ask for this information to confirm your identity, check credit eligibility and make sure we have the right contact details for your loan.
This is the email connected to your account.
Demographics
This information is requested by the federal government to monitor compliance with equal credit opportunity, fair housing, and home mortgage disclosure laws. You are not required to provide this information.
LO Finder
Clayton Homes Knoxville
Jesse Burris
Vanderbilt loan officer
Freedom Homes Alcoa
Landon Raby
Vanderbilt loan officer
Oakwood Homes Powell
LaTisha Sudderth
Vanderbilt loan officer