Bruddle - neo brutalism based UI design kit for SaaS apps

The largest UI kit created with neo-brutalism design principles. UI design template ready to use in SaaS apps, CRMs, project management dashboards, and financial tools.

Sketch AppFigma App

for Sketch and Figma

Neubrutalism UI DesignNeubrutalism UI DesignNeo Brutalism UI DesignNeo Brutalism UI DesignNeo Brutalism UI DesignNeubrutalism UI DesignNeubrutalism UI DesignNeubrutalism UI DesignNeo Brutalism UI Design
page backgroud
Neubrutalism Interface Design

A set of 362 unique pages

for all kinds of SaaS apps

built for startups

We designed everything you will need for a User Interface

Complete your projects faster. Use our template to design a UI for SaaS apps with pre-made widgets.

built-in Design system

Ready to use design systems with Styles and Symbols

Still can’t find what you need? Our design system means it’s easy to build entire pages in minutes.

What’s included

Get UI resources for the best mobile app
and desktop experiences for the web

User Interface Design Category
Dashboard
18 pages
User Interface Design Category
Profile & Settings
42 pages
User Interface Design Category
Projects
24 pages
User Interface Design Category
Chat & Inbox
18 pages
User Interface Design Category
Calendar
14 pages
User Interface Design Category
CRM Sales
24 pages
User Interface Design Category
Login & Register
18 pages
User Interface Design Category
CRM Products
36 pages
User Interface Design Category
Tasks & Kanban
32 pages
User Interface Design Category
Analytics
28 pages
User Interface Design Category
Education
16 pages
User Interface Design Category
File Manager
18 pages
User Interface Design Category
Support
16 pages
User Interface Design Category
Finance Crypto
20 pages
User Interface Design Category
Finance Banking
44 pages

Mobile ready UI template

Bring your ideas to life faster with our UI theme

UI kit for Mobile Apps
UI Mockup for SaaS Apps

463 symbols for a user interface

A flexible UI kit ready for SaaS apps

Built-in design system

Take advantage of pre-designed components and global styles

Design System for User Interface
gradient bg

230

Design system styles
Color, typography, and layer styles

463

UI components
Customisable pre-made symbols

2860

Icons and logos
Based on free-to-use Material Icons font

Symbols with an override feature

Intuitive file structure organisation

Symbols for Sketch
UI Design for Dark Theme

Dark UI theme for SaaS apps

Professionally crafted dark UI theme

Take a closer look at the UI resources

Everything you need for neo brutalism based UI design

Preview all pages
UI Kit for Messenger AppsUI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS Apps
UI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS Apps
UI Kit for Messenger AppsUI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS AppsUI Kit for SaaS Apps

Ready to start today?

More about our UI kit

Bruddle is a top-notch UI kit created based on neo brutalism design trends for apps and websites. The one and only user interface template inspired by flat design principles that will help you design web or mobile apps for a SaaS startup. Kickstart any project with 10 pre-made categories for project management app, dashboard, to-do app, kanban desk, database, CRM portal, fintech, crypto, and many more SaaS apps.Bruddle UI kit is compatible with Sketch and Figma apps.

Use a tool of your choice to design a high-contrast UI faster with our Design System which includes symbols, global layers, vibrant color styles, and font styles, as well as a ready-to-use dark UI theme. We designed 362 user-friendly pages for web and mobile apps. Use a set of 460 UI kit symbols to build your product design.

The Bruddle ReactJS template is sold exclusively on the UI8 marketplace and can be purchased only as a separate product using this link:Bruddle ReactJS Theme

icon

10 Categories

icon

362 Pages

icon

463 Symbols

Bruddle UI Kit

Neo brutalism UI kit with 362 pages
Sketch AppFigma App

for Sketch and Figma

Preview all screens

Personal license

Limited commercial use

$ 43.00 

Commercial license

Unlimited use in any project

$ 86.00 
Personal and Commercial license available. Additional tax fee and VAT may be charged. Learn more about license difference
Purchase from $43
pricing backgroud

More about Neo-brutalism style

Neo-brutalism has emerged as a striking and provocative design trend in the realm of UI design, drawing inspiration from the architectural movement of the mid-20th century. While its predecessor, brutalism, was known for its raw, unpolished aesthetic, neo-brutalism introduces a modern twist, and flat design with high-contrast elements, balancing starkness with a degree of digital refinement.  

Key Characteristics:
Raw and Unpolished Elements for apps and websites. Neo-brutalism embraces a sense of rawness, often featuring elements that appear unrefined in classic website design. This can manifest in the form of visible grid lines, sharp corners, and a general rejection of overly polished visuals. Bold Typography: Typography liks sans serif fonts plays a central role in neo-brutalism, with designers favoring large, bold fonts that command attention. This emphasis on typography contributes to the style's strong visual impact. Geometric Shapes: Geometric shapes, such as squares, circles, and rectangles, are prominently featured in neo-brutalist designs. These shapes provide a sense of structure and order, while also contributing to the style's distinctive visual language. Asymmetrical Layouts: Neo-brutalism often breaks away from traditional grid-based layouts, opting for asymmetrical arrangements that create a sense of dynamism and visual interest. High-Contrast Color Palettes: Neo-brutalism embraces bold and vibrant color palettes, often featuring high-contrast combinations that create a sense of intensity. This fearless approach to color contributes to the style's striking visual impact.  

Considerations for UI Design:
Usability: While neo-brutalism prioritizes aesthetics, it's crucial to maintain a focus on usability. Designers must ensure that the style's bold visuals do not compromise the user's ability to navigate and interact with the interface. Accessibility: The high-contrast color palettes and bold typography of neo-brutalism can be beneficial for accessibility. However, designers must carefully consider color contrast ratios and ensure that text remains legible. Target Audience: Neo-brutalism's bold and unconventional aesthetic may not appeal to all users. Designers should carefully consider their target audience and determine whether the style is appropriate for their needs. Balancing Aesthetics and Functionality: It is very important to balance the raw aesthetic, with the functionality of the user interface. Overly raw designs can confuse users.

Neo-brutalism in UI design is about embracing a raw, unapologetic aesthetic while maintaining a focus on functionality.It's a style that dares to be different, and when executed effectively, it can create truly memorable user experiences.  

You may be interested in these products