KyotoUI
Figma UI kit with 500+ components for building responsive landing pages quickly.
| What is it | Figma UI kit with 500+ components for building responsive landing pages quickly. |
|---|---|
| Pricing | Paid |
| Free tier | No |
| Platform | Web Application |
| Best for | Creating landing page designs quickly, Building responsive website prototypes |
| Domain registered | 2022 |
Data updated Aug. 1, 2026
What does KyotoUI do?
KyotoUI is a comprehensive Figma UI kit designed specifically for creating landing pages. It provides over 500 pre-built components, variants, and 150+ structured blocks that follow atomic design principles. The kit includes everything from buttons and forms to complete page sections, all organized for easy access and customization. Each component is built with Auto Layout 4.0 and includes both dark and light mode variants, making it simple to adapt to different brand requirements.
The kit stands out for its deep integration with Tailwind CSS utility classes, which helps maintain consistency between design and development. All components are fully responsive with breakpoints for desktop, tablet, and mobile devices. The atomic design methodology ensures that changes to base styles automatically propagate throughout the entire component library, saving significant time when updating brand colors or typography.
KyotoUI is particularly valuable for UI/UX designers, freelance developers, and product teams who need to create professional landing pages quickly. It eliminates the need to build common elements from scratch, allowing designers to focus on unique aspects of their projects. The kit helps teams maintain design consistency while accelerating the prototyping and development process for web projects.
Key features
What makes it stand outWho is KyotoUI for?
Who benefits most from this toolPricing
Team
- 500+ Components & Variants
- 250+ Global Color & Text Styles
- Up to 15 Users License
- Lifetime Updates & Support
Freelancer
- 500+ Components & Variants
- 250+ Global Color & Text Styles
- Single User License
- Lifetime Updates & Support
Enterprise
- 500+ Components & Variants
- 250+ Global Color & Text Styles
- Unlimited Users License
- Lifetime Updates & Support
Trust & presence
Gallery
Click any image to enlargeSimilar tools
AI-powered UI component generator — describe what you need, get clean Tailwind CSS or Bootstrap code instantly.
Search our library of 1,000+ components, copy with one click and paste them into your Webflow or Figma project. You can also create components for personal use, clients or the Webflow community. Simply paste in components from your Webflow project, save them to a folder and share it to anyone.
Visual design tool for creating responsive components and themes without code — export to React, JSX, SVG, CSS, and more
Convert Figma designs to responsive, production-ready code in multiple frameworks with one click
Create professional science figures, graphs, and slides for publications – no design skills needed.