Login
Buy Now

Enjooy design system, perfectly integrated with Tailwind CSS

We're here to help designers and developers build digital products more flexibly, consistently, and happily with 
thousands of components and integration with Tailwind CSS

Buy Now
Figma Preview

Discover 5,000+ Figma UI components & variants at enjooy design system

Why build with enjooy

A delightful experience for you and your users

1577+

Global Styles + Figma variables

Design vision and development reality, ensuring a consistent and visually stunning user experience across every platform.

1577+

Rich Components and Variants

Next level of design innovation. Unleash creativity without limits, streamline your workflow, and bring your vision to life.

1439+

Page ready to production

Explore our curated page design examples, each a testament to the artistry and innovation that define our approach.

5028+

Material Icons

Step into a world where every icon tells a story, Immerse your projects in a visual language that goes beyond aesthetics.

1200+

Color Guide + Design token

Color Guide + Design Tokens redefine the way you approach design, offering a seamless integration of creativity and consistency.

key Features

Our Design System’s
Primary Features

Dive into the core features that make our system a game-changer, empowering you to 
elevate your projects with precision and style.

Integration

Integrated with Tailwind CSS and Javascript Framework

Harmonious integration of Framer Builder, Tailwind CSS and a robust Javascript framework. Discover how this powerful collaboration empowers you to create stunning, responsive, and dynamic web applications with unparalleled efficiency.

Buy Now
Figma Preview

Tailwind CSS

In Progress

Framer

In Progress

ReactJS

In Progress

NextJS

In Progress

WordPress

Coming Soon

Gatsby

Coming Soon

NuxtJS

Coming Soon

Svelte

Coming Soon

Foundation

Design Foundation with Local Style and Figma Variable

Our Design Foundation, enriched with Local Style and Figma Variables, empowers you to create with precision,adaptability, and a seamless blend of style across every project.

  • Colors style guideline
  • Design Token
  • Typography Style
  • 2,140+ Material Icon
  • Responsive Grid & Breakpoints
  • World Country Flag with square and circle shape
Buy Now
Figma Preview

Auto Layout

Fully Figma Auto Layout and Easy to organize

Our fully integrated Figma Auto Layout feature redefines the way you organize elements, offering a streamlined and intuitive experience that unleashes your creativity.

  • Responsive component
  • Vertical , Horizontal and Wrap Layout
  • Align layout settings
  • 2,140+ Material Icon
  • Spacing connected with token
Buy Now
Figma Preview

Page Example

Production page example ready to development

Our meticulously designed production page example is more than just a concept; it's a ready-to-develop blueprint that encapsulates precision, creativity, and user-centric functionality.

  • High quality responsive design desktop, tablet and mobile
  • 10+ Dashboard design examples
  • 20+ Marketing website example
  • Super fast interaction from each component
  • Responsive design with grid and breakpoints
Buy Now
Figma Preview

Component Variant

Design Efficiency with our Figma Variants

Communicates the idea that Figma Variants provide infinite design possibilities while streamlining the overall design process.

  • Fully auto layout
  • Fully connected with design token
  • High Customizability
  • Nested instance
  • Shared library
  • Behavior state component for prototyping (Enable, hover, pressed, focused, and disable)
Buy Now
Figma Preview

Grid & Breakpoint

Built in responsive design with grid and breakpoint

Create stunning websites that adapt effortlessly to every screen size with our built-in responsive design features. Utilizing grids and breakpoints, your website will look and perform flawlessly across devices, ensuring an optimal user experience every time.

  • Fully auto layout
  • Desktop, tablet and mobile device
  • Good layer management for handoff to developers
  • Built with section, container and content structure
  • Fully connected with base component
  • Good structure and layering
Buy Now
Figma Preview

Audience

A Design System

for Every Creator's Toolkit

Unlock boundless creativity with our Design System – a versatile toolkit meticulously crafted for every creator. Whether you're a seasoned professional or just starting your creative journey, our system is your compass for seamless design exploration.

Agencies

Design vision and development reality, ensuring a consistent and visually stunning user experience across every platform.

Designers

Next level of design innovation. Unleash creativity without limits, streamline your workflow, and bring your vision to life.

Developers

Next level of design innovation. Unleash creativity without limits, streamline your workflow, and bring your vision to life.

Students

Explore our curated page design examples, each a testament to the artistry and innovation that define our approach.

Freelancers

Step into a world where every icon tells a story, Immerse your projects in a visual language that goes beyond aesthetics.

Startups

Color Guide + Design Tokens redefine the way you approach design, offering a seamless integration of creativity and consistency.

Component and Variant

Explore our 10.000+ 
Component and Variant

Over 500+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content.

Buy Now
Figma Preview

Design Token

  • Foundations

Country Flag

  • Foundations

Logos

  • Foundations

Shadow

  • Foundations

Grid Systems

  • Foundations

Material Icons

  • Foundations

Typography

  • Foundations

Colors

  • Foundations

Pricing

Simple Pricing, Maximum Value

With a choice of packages tailored to your needs, we provide affordable solutions without sacrificing quality.

Designer edition

Try our free version of Enjooy design system UI, with basic styles and components.

Developer edition

Comingsoon

Try our free version of Enjooy design system dev, with basic styles and components.

Personal

A single license for solo designers, developers, and freelancers.

$115

Choose Plan
  • Figma variables
  • Dark mode variables
  • Interactive components
  • Auto Layout 5.0
  • Personal user license
  • 2k+ components + variants
  • 350+ global styles
  • 40+ page examples
  • 900+ icons and logos
  • Use on unlimited projects

Team

A team license for agency or team designers, developers, and freelancers.

$350

Choose Plan
  • Figma variables
  • Dark mode variables
  • Interactive components
  • Auto Layout 5.0
  • Personal user license
  • 2k+ components + variants
  • 350+ global styles
  • 40+ page examples
  • 900+ icons and logos
  • Use on unlimited projects

Roadmap

Our Milestone Achievement

This achievement is a testament to our unwavering commitment, relentless dedication, and collaborative spirit.

Phase 1

On progress

Done

Figma base project

  • Style guideline
  • Auto layout setup
  • UI Components and Variant
  • Application UI pages
  • Responsive interface for mobile and tablet device

Wip

Dark version

  • Build a dark version in Figma
  • Use Figma constraints and adaptive layout

Phase 2

Comingsoon

Wip

UI Components code in Tailwind CSS & Framer Builder

  • Tailwind CSS & Framer Builder base project
  • Setup style guidelines
  • Code the UI elements
  • Responsive interface
  • Build documentation
  • Test for production mode and browsers

Comingsoon

Marketing UI design in Figma

  • Research and conceptualize sections and pages for marketing purposes (ie. landing pages, hero sections, pricing sections)
  • Build special UI components and variants
  • Build marketing UI example pages
  • Responsive interface for mobile and tablet devices
  • Launch Figma Marketing UI

Comingsoon

Marketing UI code in Tailwind CSS & Framer Builder

  • Code the new UI elements
  • Code the new marketing UI sections
  • Code the example pages
  • Responsive design based on Figma
  • Test for production mode and browsers

Phase 3

Comingsoon

Comingsoon

E-Commerce UI design in Figma

  • Research for high converting UI/UX e-commerce pages
  • Create unique e-commerce UI elements and variants
  • Design example pages for a fully featured e-commerce website
  • Responsive interface with a special focus on mobile devices

Comingsoon

E-Commerce UI code in Tailwind CSS & Framer Builder

  • Code the new UI elements based on the Figma design
  • Code the e-commerce sections
  • Code the e-commerce example pages
  • Responsive design for mobile and tablet devices
  • Integrate the new elements and sections into the documentation
  • Test for production mode and browsers

FAQ

Frequently Asked Questions

a list of questions that people often ask about a particular product

Why do I need to use a Design System?

Absolutely! Design systems are indeed invaluable resources for designers. They provide a centralized repository of design components, patterns, guidelines, and assets that ensure consistency across various products and platforms. By using pre-designed elements, designers can streamline their workflow, reduce redundancy, and maintain coherence throughout the design process. Whether it's for creating prototypes, wireframes, or final products, a well-implemented design system can significantly enhance productivity and help deliver polished, user-centric designs.

We don't have a free trial option for the Enjooy Design System. However, we do offer an extensive preview of the system using Figma. This preview allows you to delve into the components and features of Enjooy, offering a glimpse into its capabilities.

The Enjooy Design System presents an expansive collection of 5900+ components. These components are meticulously crafted to fulfill the varied requirements of designers, offering a diverse array of elements to elevate your design projects.

Certainly! In Enjooy, you'll find a diverse range of sector-specific products, encompassing dashboards, widgets, subpages, flows, and beyond. Initially focusing on Dashboard & Multipurpose, we're committed to expanding our offerings to include additional sector-specific resources such as SaaS, Sales & Marketing, E-Commerce and Healthcare in the future.

Absolutely! With Enjooy, you have the flexibility to design websites and apps for your projects. However, it's essential to remember that you cannot copy, sell, or distribute the Enjooy Design System. Furthermore, using it to create templates is also not allowed. For a comprehensive understanding of what actions are permissible and prohibited, please refer to our License & Agreement.

Presently, the Enjooy Design System is exclusively accessible on Figma. However, we have thrilling plans for the future to seamlessly integrate Enjooy into code environments, supporting platforms like Tailwind CSS, React.js, Next.js, and many others.

Currently, the Enjooy Design System does not include a dark mode feature. However, we're actively planning to incorporate this functionality in the future, alongside other enhancements like mobile design support and landing page resources. Stay tuned for these exciting updates!

In Enjooy, we utilize the Material icon set for our icons. Additionally, we rely on the Inter and Inter Display fonts to elevate the typography within our design system.

For the Enjooy Design System product, you'll need to make a one-time payment. This purchase grants you lifetime access to the Enjooy Design System. However, please note that this access does not extend to side products.

For the Enjooy Design System product, you'll need to make a one-time payment. This purchase grants you lifetime access to the Enjooy Design System. However, please note that this access does not extend to side products.

Yes, we do have an affiliate program available. If you're interested in becoming an affiliate partner, please don't hesitate to reach out to us at enjooyteam@gmail.com via email for further details and information.

Once you've completed the purchase, you'll receive a confirmation email containing the Figma file and all the essential resources. Simply download the files and upload the design system file into your Figma account. Within the "Get Started" page of the Figma file, you'll discover step-by-step guidance for installing fonts and other crucial components.

There are two methods to utilize the Enjooy Design System. You can opt to duplicate the Figma file for isolated editing, or you can publish it as a library for synchronized editing. The choice between these methods depends on your specific workflow and collaboration requirements. For more detailed instructions, please refer to the "Get Started" page within the Enjooy Design System.

The latest updates in Enjooy include compatibility with Figma's Variables. Our goal is to maintain Enjooy in sync with all forthcoming Figma updates, ensuring seamless integration with the latest features and enhancements. Additionally, Enjooy will consistently update itself based on various factors, including user feedback, Figma updates, and the development of new features.

You can obtain the Figma file updates in your user dashboard, under the download section.

Certainly, you will have access to release notes, and you can also find the changelog within the Figma file. These resources offer detailed information regarding the updates and modifications made to Enjooy.

Absolutely! You can access guidelines that walk you through the effective use of our components, provide instructions on creating Variables, and more. Additionally, we have plans to upload videos to YouTube soon, where we'll explain our design system and its advanced components in detail. If you're seeking Figma tutorials, you can visit Figma Learn for additional resources and guidance.

Stay Ahead with Our Newsletter
Delivered to Your Inbox.

Stay informed about our latest products, events, and promotions.