Riddle UI - Web Design system PRO (v1.1)

336 ratings

Riddle UI - Design system Pro version (v1.1)

Riddle UI is a comprehensive UI design system created to streamline the process of designing modern and visually appealing user interfaces and websites. It offers a wide range of features and components aimed at saving designers countless hours of work.

πŸ‘‰ Visit: Riddle UI to find out more

πŸ‘‰ Preview Riddle UI Pro in Figma

Current version: 1.1


Riddle UI is a robust design system that takes inspiration from Tailwind UI and provides a comprehensive set of customizable, reusable components and styles for building beautiful user interfaces. It aims to be the largest and best Figma UI kit available, catering to the needs of designers working on various projects.

Extensive Styles

The design system includes 1000+ global styles, ensuring consistency throughout your designs. This makes it easier to maintain a cohesive visual identity across different projects.

Typography System

Riddle UI provides a smart and scalable typography system that can be adapted to fit any project. This allows for consistent and aesthetically pleasing typography choices across various screens and layouts.

Practical Color System

With a huge and accessible color system, designers have a wide array of color options to choose from. This ensures that the chosen color palettes are both visually appealing and functional.

Vast Component Library

Riddle UI boasts a collection of over 12,000 components and variants. This extensive library allows designers to easily select and customize components to fit their specific needs, saving them from reinventing the wheel for every project.

Auto Layout and Smart Variants

The design system is meticulously crafted using Auto Layout 4.0, smart variants, and component properties. This ensures a responsive and adaptable design experience, making it easier to create designs that work well across different screen sizes and orientations.

Updated with Figma Features

Riddle UI stays up-to-date with the latest features announced in Figma. This integration with the popular design tool ensures that designers can take full advantage of the platform's capabilities while using the design system.

Ready-to-Go Page Examples

The design system includes 500+ ready-to-go desktop and mobile page examples. These examples cover a wide range of common project types, including landing pages, common pages, and dashboard pages. This allows designers to quickly mix and match sections and variants to create websites and dashboards in minutes.

What is the Riddle UI?

Riddle UI is a design system that provides you with a collection of pre-designed UI elements and templates that you can use to create consistent, professional-looking user interfaces for your web or mobile application.

Here's how it works:

  1. Choose a UI element or template that fits your needs.
  2. Customize it to match your branding and functional requirements.
  3. Integrate it into your application codebase.

The advantages of using Riddle UI include:

  1. Saves you time and money: With Riddle UI, you don't have to start from scratch designing your user interface. You can use pre-designed UI elements and templates to speed up your design process, saving you both time and money.
  2. Consistent design: Riddle UI provides you with a consistent design language across all UI elements, ensuring a cohesive user experience throughout your application.
  3. High-quality design: Riddle UI elements and templates are designed by experienced UI designers, ensuring a professional and visually appealing design for your application.
  4. Easy to use and customize: Riddle UI is user-friendly and easy to customize, even if you don't have extensive design experience.
  5. Stay up-to-date: Riddle UI is regularly updated to reflect the latest design trends and best practices, ensuring your application stays relevant and modern.

Overall, Riddle UI can help you create high-quality, professional-looking user interfaces quickly and easily, saving you time and money while ensuring a consistent and visually appealing design for your application.

Need more help?

Email us via hello@riddleui.com

By subscribing you accept the License.

I want this!
Figma file
Framer (Coming soon)
Utility components
Page examples
Section examples
Riddle Icon library (PRO)
Empty state icon
Utility components
Unlimited projects
Lifetime updates


(336 ratings)
5 stars
4 stars
3 stars
2 stars
1 star

Riddle UI - Web Design system PRO (v1.1)

336 ratings
I want this!