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.
Maintain consistent page widths across your project.
Display content within tabs
Inline and overlay video player
A list of content items, hidden inside a collapsible accordion.
Prompt the user to do something important.
The main navigation for your project.
Display content in tabs.
Display some text alongside an image or a video.
Use Framer Motion to create stunning animations.
Complete reference of CSS utilities, Framer variants, and presets.
Interactive demos of the CSS preset and Framer variants.
Hover effects, confetti, and click content-swap animations.
Scroll-triggered card reveal with stagger delay and skeleton preview.
Color text in character-by-character as you scroll
Real-world animations adapted from past Functn projects.
Do you feel called to action?
