FREE ✦ BrixUI Design System [V1.2]

𓏗𓏗 Figma Preview

BrixUI is the ultimate multi-brand UI kit and ever-growing design system for Figma, providing everything you need to design landing pages, websites, or complex apps with the largest component library ever. It maximizes productivity and saves you thousand of hours.

What inside in brixUI?

1900+ global styles + variables

1. Practical and Accessible Color System featuring effortless variable synchronization.

2. Linear and Mesh Gradient Integration with smooth variable synchronization.

3. Advanced Color, Spacing, and Radius Variables for streamlined updates.

4. Flexible Layout and Grid System with full variable integration.

5. Dynamic Shadow, Focus, and Blur Effects designed for seamless syncing.

6. Scalable and Adaptive Typography System, perfectly synchronized for any project.

19,000+ components and variants

1. Each component offers extensive customization options, ensuring flexibility for diverse needs.

2. Built for robustness and future-proofing, designed to evolve with your projects.

3. Powered by advanced Auto Layout with min-max constraints and synchronized variables for size, radius, and spacing.

4. Includes hover, focus, click, and drag interactions for faster and more intuitive prototyping.

1800+ Page sections and examples, Widgets and Apps Screens

1. Each section features a unique, non-repetitive design style.

2. Industry-specific website designs tailored for real-world projects.

3. Focused on application screen flow to enhance user experience.

4. Fully optimized for Large Desktop, Desktop, Tablet, and Mobile devices.

3600+ Icons and logos

1. Uniquely Custom-Designed Logos for a polished and professional touch.

2. Enhanced with Remix Icons for seamless integration.

3. A comprehensive collection featuring 200+ country flags, brand logos, and payment bank icons to meet all your design needs.

Why Should You Use the BrixUI ?

Scalability - BrixUI's components are designed to scale dynamically, adjusting size based on the body font size 14px, 16px & 18px.

Reverse Styling- Each component features reverse styling to support any color or image, along with Neutral and Accent styles for enhanced flexibility.

Multi-brand system - Supports Light and Dark modes, customizable through variables for seamless branding transitions.

Multi-Device Support -Designed with breakpoints for Large Desktop, Desktop, Tablet, and Mobile, ensuring compatibility across all devices.

Controlled by Variables -Easily manage Spacing, Radius, Component Sizes, and Typography with adjustable variables.

Interactive Components - Each interactive component is ready for prototyping, featuring essential states such as hover, active, and clicked for an immersive design experience.

Any questions?

For more information and answers to frequently asked questions -https://www.brixui.com/faqs

Contact → [email protected]