What you'll find in TaylorUI

Components

/components/

Atomic components that can be used to build your project.

Sections

/components/sections/

Sections make up the stucture of most of our projects. The component library aims to have a selection of our most commonly used page sections - <TextMediaSection />, <CtaTeaserSection />, <AccordionSection /> etc.

Utilities and hooks

/lib/
/lib/hooks/

The /lib folder contains the cn utility function which we use for building Tailwind classes, as well as some hooks that we use throughout the library. The hooks are for DOM maniplation, managing complex state or controlling user interactions.

Animations

/src/animations/

A collection of reusable animation primitives you can copy into any project:

  • CSS utilities (css/) — Tailwind-native @utility classes for enter/exit animations (fade, slide, zoom, spin). Trigger with data-state attributes — no JavaScript needed.
  • Framer Motion variants & presets (framer/) — Shared Variants (fadeUp, fadeDown, staggerContainer, …) and MotionProps presets (pageTransition, modalTransition) for consistent motion across components.
  • Components (components/) — Ready-to-use animated building blocks: MotionReveal, SlideUpOnGroupHover, RotateOnGroupHover, Confetti, ClickContentSwap.

See the animations docs for usage guides and interactive examples.