Awesome Neobrutalism

screenshot of Awesome Neobrutalism
astro
react
tailwind

A curated list of resources for Neobrutalism Design

Overview:

The content provided is a collection of resources related to Neobrutalism UI, including examples in production, video tutorials, Figma UI Kits, components libraries, articles, and design analysis. It offers real-world examples of Neobrutalism UI in production, tutorials on using Figma for Neobrutalism UI design, UI kits and icon sets for Figma, components libraries for popular frameworks like Astro, React, Tailwind, and Flutter, as well as articles and design breakdowns about the Neobrutalism UI trend.

Features:

  • Examples in Production: Real-world examples of Neobrutalism UI design in production, including websites and applications such as Bite Sized Design, CC Creative, Fig Challenge, Gandi.net, Gumroad, and more.
  • Video Tutorials: Video tutorials that cover various aspects of designing with Neobrutalism UI, including Figma tutorials and design trend analysis.
  • Figma UI Kit: A collection of UI kits and icon sets for Figma, designed specifically for Neobrutalism UI, created by different designers such as Muhamad Digdaya, Viipin Designer, Alex Martynov, and Lea Mendes.
  • Components Libraries: Libraries of components and themes for different frameworks like Astro, React, Tailwind, and Flutter, designed with Neobrutalism UI in mind.
  • Articles and Design Analysis: A compilation of articles and design breakdowns that explore the Neobrutalism UI trend, its characteristics, and its impact on web design.

Summary:

The provided content offers a rich collection of resources for designers interested in Neobrutalism UI. It includes real-world examples, video tutorials, Figma UI kits, components libraries, and articles that provide insights and analyses of the Neobrutalism UI trend. Whether you are looking for inspiration, tutorials, or ready-to-use design assets, this content provides a comprehensive guide to Neobrutalism UI.

astro
Astro

Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

Flutter

Flutter is an open-source UI framework developed by Google that allows developers to create high-performance, cross-platform mobile applications with a single codebase.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.