Components

Your source for design inspiration and insights. Dive into the captivating universe of design, as we unravel the intricacies of design systems and elevate user experiences through stunning UI/UX.

Foundations

Explore Foundations

What is the Corner Radius in UI/UX Design?

Corner Radius - UI Design

Corner Radius in UI design refers to the rounded corner where two lines intersect. Find out more about corner radius and how to use it in Figma design.

What is a Device Template?

Templates (Devices)

Device Templates offer pre-designed layouts for devices or visual materials, serving as the starting point for UI design. Find out more about device templates.

What is Grammar Style in UI Design?

Grammar Style - UI Design

Grammar Style in UI design involves the composition, alignment, and arrangement of texts, titles, and input fields. Read more about grammar style practices.

What is a Portfolio Mockup?

Portfolio Mockups

Portfolio Mockups offer visual previews of a creative's design work. Find out more about portfolio mockups in UI/UX design and how to use them in Figma.

What is an Annotation in UI/UX Design?

Design Annotations - UI Design

Annotations add a layer to wireframes, offering insights and explanations when teams are apart. Learn more about how to use annotations in UI/UX design.

What are UI/UX Illustrations?

Illustrations - UI Design

Illustrations in UI – sketches, drawings, or graphic designs – convey messages and enhance designs. Learn more about how to use illustrations in UI/UX designs.

Explore Foundations

Components

Explore Components

Find out more about the UI element accordion in UI/UX Design. Learn more information about types of accordions, and when you should use them in your design.

Accordion - UI Element

Find out more about Activity Feed in UI/UX Design. Get to know the types, how to use it & its benefits in your design.

Activity Feed - UI Element

Find more about alerts and notifications in UI/UX design, the difference between them and when you should use them in your design.

Alerts & Notifications - UI Element

Avatar - UI Element

Badge - UI Element

Banner - UI Element

Find more about the bottom sheet component. We will cover information about what is a bottom sheet, the types, how & when to use one in UI/UX design.

Bottom Sheets - UI Element

Breadcrumbs - UI Element

Button - UI Element

Find out more about the UI cards. We cover information about what is a UI card, the types and how to use this component in your UI/UX design.

Cards - UI Element

Find out more about the types of carousels in UI & UX, alongside the best practices and guidelines for using them.

Carousel - UI Element

Find more about the UI element - charts. We cover the types of charts, when and how to use charts in your UI/UX design.

Chart - UI Element

Explore Components

Start with uinkits

You bring your imagination, we bring the tools! So, start your UI design journey with our smart and simple Design System and transform your idea into action in seconds.

A Cover image showcasing components carousel created by Uinkits System

A Cover image showcasing components carousel created by Uinkits System

Explore Our
Figma Components

At uinkits, we know finding the right components and elements sometimes is hard - and that is why we created many!

Subscribe to our
‍uinkits Newsletter

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Stay in the loop with all our latest updates, articles, free design goodies, and other cool stuff. Don't worry, we won't flood your inbox with spam!

Photo cover for blog newsletter by Uinkits System

Start Designing Amazing Projects
‍Get Your Uinkits System!

At uinkits, we're all about the awesome possibilities of design. Join us now and let's shape the future together!