Nucleus UI

Nucleus Mobile UI kit – is a beautiful and practical Design System that helps designers, agencies, and businesses speed up their processes while maintaining high standards and quality in mobile app design.
With Text properties, Nested instances and other latest features

1k+ Components with variants

Nucleus Plus – Figma UI kit and Design system core components
Light and dark templates via variables are now fully supported

Variables & Global styles

Meticulously crafted components, designed with accessibility in mind

Thoughtful UI kit architecture

Nucleus Plus – Figma UI kit and Design system kit components
Events, Food delivery, Healthcare, Financial, Travel, and more sections

Nucleus layouts to start quickly

Nucleus Plus – Figma UI kit and Design system mobile patterns
Nucleus Plus – Figma UI kit and Design system nested components

Preview mobile templates

Supercharge your design workflow, kick-start your projects faster, and level up your process. Nucleus UI Plus contains everything you need, from wireframing to high-fidelity app design.

Nucleus UI – mobile app templates for Figma
Account Setup
4 screens
Nucleus UI – mobile app templates for Figma
Action Options
4 screens
Nucleus UI – mobile app templates for Figma
Add & Invite Friends
2 screens
Nucleus UI – mobile app templates for Figma
Articles
5 screens
Nucleus UI – mobile app templates for Figma
Audio Player
2 screens
Nucleus UI – mobile app templates for Figma
Augmented Reality
3 screens
Nucleus UI – mobile app templates for Figma
Calendar
5 screens
Nucleus UI – mobile app templates for Figma
Camera
2 screens
Nucleus UI – mobile app templates for Figma
Chat
5 screens
Nucleus UI – mobile app templates for Figma
Checkout & Order Review
5 screens
Nucleus UI – mobile app templates for Figma
Emails & Messages
4 screens
Nucleus UI – mobile app templates for Figma
Empty State
4 screens
Nucleus UI – mobile app templates for Figma
Event
4 screens
Nucleus UI – mobile app templates for Figma
Feature Info
5 screens
Nucleus UI – mobile app templates for Figma
Feedback
4 screens
Nucleus UI – mobile app templates for Figma
Filter
4 screens
Nucleus UI – mobile app templates for Figma
Flag & Report
3 screens
Nucleus UI – mobile app templates for Figma
Item list
5 screens
Nucleus UI – mobile app templates for Figma
Map
3 screens
Nucleus UI – mobile app templates for Figma
News Feed
5 screens
Nucleus UI – mobile app templates for Figma
Note
5 screens
Nucleus UI – mobile app templates for Figma
Permission
4 screens
Nucleus UI – mobile app templates for Figma
Product
4 screens
Nucleus UI – mobile app templates for Figma
Profile & Account
4 screens
Nucleus UI – mobile app templates for Figma
Search
3 screens
Nucleus UI – mobile app templates for Figma
Settings & Preferences
4 screens
Nucleus UI – mobile app templates for Figma
Share
3 screens
Nucleus UI – mobile app templates for Figma
Shop
4 screens
Nucleus UI – mobile app templates for Figma
Signup & Login
4 screens
Nucleus UI – mobile app templates for Figma
Stories
2 screens
Nucleus UI – mobile app templates for Figma
Subscription
5 screens
Nucleus UI – mobile app templates for Figma
Verification
4 screens
Nucleus UI – mobile app templates for Figma
Video or Movie
3 screens
Nucleus UI – mobile app templates for Figma
Walkthrough
3 screens
Nucleus UI – mobile app templates for Figma
Wallet & Balance
2 screens
Nucleus UI – mobile app templates for Figma
Welcome & Get Started
4 screens

Preview 1000+ Components

Designed to enhance your design workflow, Nucleus UI offers an extensive range of components to help you create stunning interfaces that captivate and engage your users. With a wealth of options at your fingertips, including Action sheets, Accordions, Avatars, Badges, Breadcrumbs, Buttons, Chips, Dialogs, Dividers, and so much more.

Nucleus UI kit – mobile app components for Figma
Accordion
An accordion consists of multiple panels or sections, each containing a header/title and a corresponding content area. Users can click on the header/title to toggle the visibility of the associated content.
Nucleus UI kit – mobile app components for Figma
Action Sheet
An action sheet prompts two or more choices related to the current context.
Nucleus UI kit – mobile app components for Figma
Avatar
The Avatar component is utilized to represent a user and showcases their profile picture, initials, or fallback icon.
Nucleus UI kit – mobile app components for Figma
Badge
A badge provides a quick way to recognize the status of an item. It conveys information about the item's status or indicates a specific condition.
Nucleus UI kit – mobile app components for Figma
Date Picker
A date picker is an input control that allows users to select a date or a range of dates from a calendar.
Nucleus UI kit – mobile app components for Figma
Page Control
Page controls are a series of small indicator dots that represent the available pages
Nucleus UI kit – mobile app components for Figma
Button
A button allows users to perform actions, such as submitting a form, opening a dialog, or cancelling an action.
Nucleus UI kit – mobile app components for Figma
Checkbox
Checkboxes allow users to select one or more choices from several options.
Nucleus UI kit – mobile app components for Figma
Chip
A button allows users to perform actions, such as submitting a form, opening a dialog, or cancelling an action.
Nucleus UI kit – mobile app components for Figma
Dialog
A dialog is a type of modal window. Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks
Nucleus UI kit – mobile app components for Figma
Divider
Dividers are a horizontal line that separates content within a list or section.
Nucleus UI kit – mobile app components for Figma
Dropdown
A dropdown component allow users to select one option from a list of predefined choices.
Nucleus UI kit – mobile app components for Figma
List
A list presents data in rows that can be categorized into various sections.
Nucleus UI kit – mobile app components for Figma
Pin Input
A pin input is akin to a text field component but is specifically optimized for swiftly entering sequences of digits.
Nucleus UI kit – mobile app components for Figma
Progress Indicator
Progress indicators provide users with information about the status of ongoing processes, such as app loading, form submission, or updates being saved.
Nucleus UI kit – mobile app components for Figma
Radio Button
Radio button allows users only to select one choice from a series of options.
Nucleus UI kit – mobile app components for Figma
Search Bar
Search bar allows users to enter search queries or keywords to retrieve relevant results.
Nucleus UI kit – mobile app components for Figma
Segmented Control
A segmented control (also known as a tab) is a set of two or more segments that divide different views.
Nucleus UI kit – mobile app components for Figma
Skeleton
Skeleton is utilized to visually represent the loading state of a component. They provide a placeholder or preview that indicates that content is being loaded or processed.
Nucleus UI kit – mobile app components for Figma
Snackbar
Snackbars are used to notify users about processes that an app has performed or will perform. They provide brief messages to communicate important information or alerts.
Nucleus UI kit – mobile app components for Figma
Stepper
A stepper is a two-segment control that allows users to increase or decrease an incremental value.
Nucleus UI kit – mobile app components for Figma
Tab Bar
Tab bar sits at the bottom of the screen and allow users to navigate between different screens or sections within the app.
Nucleus UI kit – mobile app components for Figma
Tabs
Similar to segmented control, it's a set of two or more divisions that divide different views.
Nucleus UI kit – mobile app components for Figma
Text Area
Text area allows users to input and display multiline text.
Nucleus UI kit – mobile app components for Figma
Text Field
A text field is an input control that allows users to type text or number.
Nucleus UI kit – mobile app components for Figma
Toggle
A toggle, also known as switch, is a UI element to change between two states, on and off.
Nucleus UI kit – mobile app components for Figma
Tooltip
A tooltip is a floating label that appears when a user taps on an element, and it explains a brief and informative message.
Nucleus UI kit – mobile app components for Figma
Top Bar
Top bars display information and actions at the top of the screen, helping people navigate or perform specific actions.
Nucleus UI kit – mobile app components for Figma
Aspect Ratio
An image ratio displays image with a defined ratio.
Nucleus UI kit – mobile app components for Figma
Breadcrumbs
A breadcrumb is a navigational element that shows the user's current location within a website or application's hierarchy, often in the form of clickable links.
Nucleus UI kit – mobile app components for Figma
Button Group
A button group is a single line of related buttons grouped together.
Nucleus UI kit – mobile app components for Figma
Slider
A slider is an input control that enables users to select a value or values from a range of options.
Download Nucleus UI
Supercharge your design workflow, kick-start your projects faster, and level up your process.
Single or Team license
$79
✓ Everything you need, from wireframing to high-fidelity design.
✓ Designed for everyone, from those learning UI design to starting a design system.
✓ Created with developers in mind (production-ready).
Buy Now
Lite version
FREE
Nucleus Lite is a free UI component library that provides you with the building blocks you need to design your next mobile app.
Duplicate for Figma
Questions and Answers