<p>Nucleus is a free UI component library that gives you more than 300 components, including 58 categories and 36 example screens.</p>
<p>It provides you with the essential building blocks to design your mobile apps in Figma, faster than before. </p>
<p>Made by <a href="https://www.producthunt.com/@juinal_william1">Juinal William</a> and <a href="https://twitter.com/the_buddyman">ThomasBudiman</a>. </p>


Nucleus UI

<p>Introducing Plasmic &#8211; a WYSIWYG visual front-end builder and design tool, made to work smoothly with your code base. </p>
<p>Plasmic helps you build great design for your React, Next and Gatsby apps, offering:</p>
<ul>
<li>The possibility to integrate and deploy anywhere</li>
<li>No-compromise developer control </li>
<li>Limitless expressivity, and </li>
<li>An easy start </li>
</ul>
<p>Check it out! </p>


Plasmic

ProtoPie – No-code Prototyping Tool

<p>A new way to add real interactive inputs directly on your Framer canvas. Input Kit is an input library for Framer that includes 32 customisable elements:</p>
<ul>
<li>Text and number inputs,</li>
<li>Triggers</li>
<li>Colours</li>
<li>Labels</li>
</ul>
<p>And more. Free for Framer users. </p>


Input Kit from Framer

<p>Figmaster plugin is a workbook for Figma that contains a large set of exercises on how to build your modern design system from scratch.</p>
<p>By doing exercises in Figma, you learn and create your guide style and component library simultaneously. It is a format that will help you get the most out of each lesson. By learning &#8211; you create, and by the way, you get to know keyboard shortcuts, plugins, and techniques of working in Figma that will speed up your workflow. Everything happens in Figma &#8211; no distractions.</p>


Figmaster

<p>Remove or replace any image&#8217;s background in just a few seconds.</p>
<p>BackgroundCut is an AI-powered background remover that works on any of your photos or graphic design assets, saving you tons of time. Its machine learning engine analyses and cuts out any background on a single click. Besides that, the tool stands out from the competition with their pricing model, giving you unlimited functionality in High Resolution at a flat price.</p>
<p>New features are already aligned to be released in the coming months, namely:</p>
<ul>
<li>Image Editor</li>
<li>API Access</li>
<li>Plugins (for Photoshop, Shopify, etc.) </li>
</ul>


BackgroundCut

<p>Learn and practice crucial UX skills with real-world exercises.</p>
<p>UX Challenges brings a different twist to the typical UX exercise sheet, including real and day-to-day examples into your study flow. This way, you get to practice different skills and apply them in your current and future roles. </p>
<p>A bit more about it. They&#8217;re:</p>
<ul>
<li>👩🏻‍💻 <strong>Based in the real world </strong>&#8211; every exercise looks like a project you&#8217;d get in real life.</li>
<li>🛠 <strong>Practice important skills</strong> &#8211; more than just UI. Train specific UX skills like card sorting or usability testing.</li>
<li>💪 <strong>Stop reading: try UX. </strong>&#8211; practice makes perfect, so actually solving problems can help you see how real UX work is like. </li>
<li>💼 <strong>Get tangible takeaways.</strong> &#8211; have fun with mini projects, then walk away with a deliverable to put in your portfolio or use as a talking point in interviews.</li>
</ul>
<p>Finally, UX Challenges also includes curated references and recommended tools to help you out in the process. Have fun!</p>


UX Challenges

<div class="styles_font__2Nqit styles_small__2bw6M styles_normal__iGf4Q styles_format__219oD styles_lineHeight__2RYYy styles_underline__20yPd">
<div>UI Hut is a platform that gives you access to over 12,000 exclusive design resources. It includes:</div>
<ul>
<li>1000+ web templates</li>
<li>2500+ illustrations</li>
<li>8000+ SVG icons</li>
<li>500+ mobile app screens</li>
<li>100+ UI assets for web apps</li>
</ul>
<p>All assets are available for Figma, Sketch, and Adobe XD. Besides that, the library is growing every day, as new resources are added on a regular basis. </p>
</div>
<p>Made by <a href="https://twitter.com/mdmh_sami">Mansurul Haque</a>.</p>


UI Hut

<p>What are design principles? Why and how should you use them? </p>
<p>Check out this open source collection by <a href="https://twitter.com/benbrignell">Ben Brignell</a>! It includes several resources about design principles and methods. Besides that, it contains:</p>
<ul>
<li>195 examples from well established designers and brands</li>
<li>1448 design principles, and </li>
<li>167 creators </li>
</ul>
<p>Take a look and contribute <a href="https://principles.design/contribute/">here</a>! </p>
<p>&nbsp;</p>


Design Principles

<p>A design stock with over 2 million free icons and +400 icon packs in more than 30 styles.</p>


Iconshock

<div class="styles_font__2Nqit styles_black__1okrd styles_small__2bw6M styles_normal__iGf4Q styles_withTopBorder__4q54F styles_container__2pk4p styles_lineHeight__2RYYy styles_underline__20yPd">
<div class="styles_description__2-RUk">
<div class="styles_font__2Nqit styles_small__2bw6M styles_normal__iGf4Q styles_format__219oD styles_lineHeight__2RYYy styles_underline__20yPd">
<div>Supabase UI is an open source React and TailwindCSS UI component library. </div>
</div>
<div>
<p>Its awesome components enable you to create beautiful apps quickly and efficiently. The app is currently in pre-release, but here&#8217;s what&#8217;s coming up:</p>
<ul>
<li>⚡️ <b>Integrated into Supabase</b> &#8211; and built in authentication form and React hook, so you can speed up development in your application. </li>
<li>📋 <b>Forms</b> &#8211; launching a form component that can handle rule declaration and validation.</li>
<li>💪 <b>Accessibility</b> &#8211; a conscious effort to apply and improve aria / accessibility / keyboard control into the UI library as it&#8217;s being developed. </li>
<li>🎨 <b>Theming</b> &#8211; use css variables (also known as custom properties) for controlling the theme variables. <em>You can also use the same css properties inside your Tailwind config so everything is in sync.</em></li>
</ul>
</div>
</div>
</div>


Supabase UI

<div class="styles_font__2Nqit styles_black__1okrd styles_small__2bw6M styles_normal__iGf4Q styles_withTopBorder__4q54F styles_container__2pk4p styles_lineHeight__2RYYy styles_underline__20yPd">
<div class="styles_description__2-RUk">
<div class="styles_font__2Nqit styles_small__2bw6M styles_normal__iGf4Q styles_format__219oD styles_lineHeight__2RYYy styles_underline__20yPd">
<div><a href="https://twitter.com/realvjy">Vijay Verma</a> has got us used to a ridiculously high quality level of design tools. This wireframe kit is no exception! </div>
<div> </div>
<div>Bloo is a large collection of lo-fi wireframes, including over 250 building blocks, and more than 150 screen templates. The wireframes are ready for immediate use, so you can quickly design and prototype your ideas.</div>
<div> </div>
<div>Finally, Bloo&#8217;s blocks and templates are available for top design tools, like Figma, Sketch and XD.</div>
</div>
</div>
</div>


Bloo Lo-Fi Wireframe Kit

<p>This UX kit enables app developers and designers to launch a chat messaging solution as quickly as possible. 50+ handcrafted screens for Figma, Sketch, and Adobe Xd. Includes UI components for Flutter, React Native, Kotlin, &amp; Swift. 100% free download &#8211; no email required!</p>


Mobile Chat Kit

<p>Zwosh! Illustration Constructor<br />
This is amazing illustrations pack with 230+ items and premade scenes.⠀</p>
<p>Create you own full of color and energy funny and memorable stories⠀<br />
Increase the engagement into your UI projects.<br />
Let your ideas stand out from the crowd!</p>


Zwosh! Illustration Constructor

<p>A series of transformer-based language models styled around GPT-3 architecture. The aim of the project is to train these models and make them open source, so that everyone can use it publicly, for free.</p>
<p>There are currently two repos in development &#8211; <a href="https://github.com/EleutherAI/gpt-neo/">GPT-Neo</a> and <a href="https://github.com/EleutherAI/gpt-neox/">GPT NeoX</a>. Check them out!</p>
<p>The team is already running some experiments with things like <a href="https://arxiv.org/abs/1911.03864">alternative architectures</a> and <a href="https://arxiv.org/abs/2006.16236">attention types</a>. So, you can expect a few models to be released until Neo is ready! </p>


Toolbox

UI

UX

Plugins

Prototyping

Mixed Reality

Conversational Design