Build consistent cross-platform mobile apps with speed

Pearl UI is a powerful UI toolkit that helps you build beautiful production-ready mobile apps right out of the box. Skip the designer, write cleaner code, and get your product to market faster!

Read the DocsGithub
Pearl UI - Design system driven UI framework for React Native | Product Hunt

Fully Themeable

Harness the power of design systems

Design systems make it easy to scale your user interface and increase visual consistency. Pearl UI allows you define all aspects of a typical design system during development, giving you the power to update the entire look and feel of your app in minutes!

Know More
Design system - Palette
const palette = {
neutral: {
50: "#FFFFFF",
100: "#F7F9FC",
200: "#EDF1F7",
300: "#E4E9F2",
400: "#C5CEE0",
500: "#8F9BB3",
600: "#58617A",
700: "#2E3A59",
800: "#222B45",
900: "#1A2138",
},
primary: {
50: "#F0F2FF",
100: "#E1E6FF",
200: "#C3CCFF",
300: "#A5B1FF",
400: "#8F9DFF",
500: "#6A7BFF",
600: "#4D5BDB",
700: "#3541B7",
800: "#212A93",
900: "#141B7A",
},
secondary: {
50: "#FFF1F4",
100: "#FFE1E7",
200: "#FFC3D6",
300: "#FFA5CB",
400: "#FF8FC9",
500: "#FF6AC6",
600: "#DB4DB3",
700: "#B7359F",
800: "#93218A",
900: "#78147A",
},
...
}
Design system - Palette

Dark Mode

Dark mode made easy

Design systems make it easy to scale your user interface and increase visual consistency. Pearl UI allows you define all aspects of a typical design system during development, giving you the power to update the entire look and feel of your app in minutes!