Get up-and-running with TaylorUI in a few easy steps.
How to integrate UI from TaylorUI in your project.
Understand the structure of TaylorUI.
Rules that TaylorUI components should follow.
Collapse content inside an accordion to save space.
Your classic interactive element, available as a button or a link.
Display images, articles and videos in a slippy, slidy manor.
Forms, input fields and validation.
Focus the user on to a specific task with a modal dialog.
Display content within tabs
A list of content items, hidden inside a collapsible accordion.
Prompt the user to do something important.
Display content in tabs.
Display some text alongside an image or a video.
Maintain consistent page widths across your project.
The main navigation for your project.
Use Framer Motion to create stunning animations.
Examples
Buttons & Links
Motion reveal animations
Cards animate in when they scroll into view. Each card staggers slightly using MotionReveal. Pick an animation style below, or toggle loading On to preview CardSkeleton placeholders in the same grid.
MotionReveal
CardSkeleton