14 recent useful design resources in January 2021

Various generators, Cool sources for your inspiration, Stylish icons, Best from PH 2020, animation tools & GIFs, and more.

Resources

Published on

January 15, 2021

|

2 mins read

Blog

14 useful UI design resources handpicked. January 2021

Navigation

Subscribe to newsletter

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

By subscribing you agree to with our Privacy Policy.

Share this post

Jamshed Kasimov

Hey everyone!

<span class="blog_big-paragraph">While you are just getting started in 2021, we already have some cool stuff for you. Let's start this year as productive and creative as possible!</span>

What's in today's release: various generators, cool sources for your inspiration, stylish icons, top 2020 products from Product Hunt, tools for exporting animations and GIFs, and much more.

As usual, the hottest resources are at the end, so make sure you don't miss the most interesting items!

With that being said, on we go!

{{spacer-64}}

<span class="blog_subtitle-caps">14 / 14</span>

Vektors

https://www.vektors.pro

Vektors is the illustrations aggregator. All illustrations of this resource are free (but some collections have user licenses).

At Vektors, you'll find illustrations from artists around the world and for a wide variety of projects. Illustrations are available in PNG, SVG, Figma, Sketch formats.

At the moment there are 70+ packs.

{{spacer-64}}

<span class="blog_subtitle-caps">13 / 14</span>

Pattern Generator

https://doodad.dev/pattern-generator/#beautiful-dingbats

This browser-based pattern generator allows you to create unique royalty-free textures.

Pattern Generator has flexible settings: after choosing a base style, you can then customize your texture using colors, filters and transformations. Each pattern style has its own unique transformations. The Shuffle button acts like a Random button shuffling the styles and outputting randomized items.

You can export the file not only to JPEG or PNG, but also as code for inline SVG and CSS background images.

{{spacer-64}}

{{setproduct-gpt}}

{{spacer-64}}

<span class="blog_subtitle-caps">12 / 14</span>

Gumaffiliates

https://gumaffiliates.best

Gumaffiliates is a new resource that allows you to do affiliate marketing through Gumroad.

Ideal for both creatives without an audience and affiliate marketers with an audience, but without their own products.

By purchasing a product (Gumaffiliates costs $1):

1) Creatives receive a table of people with an audience;

2) Affiliate marketers receive a table with products to promote.

The tables include the following data: product name (for affiliate marketers it's an audience name), niches, website and contact information.

{{spacer-64}}

<span class="blog_subtitle-caps">11 / 14</span>

Parametric Color Mixer

https://colormixer.web.app

Parametric Color Mixer allows you to generate colors and then customize the palette using interactive equalizers.

Once you have chosen the color, you can adjust it using the following parameters: Position, Impact, Range, Blend.

The number of colors can be either added or reduced.

Exports to SVG and CSS.

{{spacer-64}}

<span class="blog_subtitle-caps">10 / 14</span>

Game UI Database

https://www.gameuidatabase.com

This website has been created specifically for game UI designers.

On this resource, you will find an extensive database of various elements: from pop-up menus to HUD elements. A treasure trove of information for game UI designers.

Nearly 13,000 screenshots from 355 games. More than 80 types of screens.

Game UI Database has a very convenient search system. The sidebar displays filters for screen types: title menus, game states, statistics, information, online features, gameplay and HUD.

You can also filter by genre, theme, camera, game aesthetic, device / controls, etc.

{{spacer-64}}

<span class="blog_subtitle-caps">9 / 14</span>

GIFRun

https://gifrun.com

GIFRun allows you to create GIFs without watermarks from different social networks like YouTube, Facebook, TikTok, Vimeo, Twitter and many others that have an embedded video function.

Just insert the source link, define the duration and start time, add text (optional) and your GIF is ready.

{{spacer-64}}

<span class="blog_subtitle-caps">8 / 14</span>

Doodle Strudel

https://www.doodlestrudel.com

If you are an artist or illustrator then try Doodle Strudel. This task generator by Pablo Stanley is a great thing for those who have an idea crisis.

Only here you will find such crazy tasks as: "Draw a witty horse with big headphones, which reads a book on the street".

{{spacer-64}}

<span class="blog_subtitle-caps">7 / 14</span>

Scale

https://flexiple.com/

Flexiple is a great website with beautiful illustrations that are suitable for both the app or website design, as well as for various promo materials or presentations.

The desired illustration can be found in the search bar, or filtered by gender, and when adjusting it, you can select the color scheme in the HEX code field.

Illustrations are available in SVG and PNG formats.

The resource is completely new, but the collection of spectacular illustrations already has more than 120 items.

The authors guarantee to upload something new every day.

{{spacer-64}}

<span class="blog_subtitle-caps">6 / 14</span>

UX Database

https://www.uxdatabase.io/product-database

The UX Resource We Deserve.

In this powerful and new database, you will find curated products for all occasions: the best tools, plugins, methodologies, learning resources and more.

You can sort it by the following categories: research, analysis, visual design, interface design, next-generation products (AR / VR, chatbots, etc.), productivity, learning, multimedia.

And what's also great about it - each resource is marked with availability: paid, free, or with a Freemium license.

{{spacer-64}}

<span class="blog_subtitle-caps">5 / 14</span>

Pattern Collect

https://www.codeinwp.com/pattern-collection/

Pattern Collect is a kind of Dribbble for artists creating patterns and textures.

With this gallery, not only you can get inspiration and improve your skills, but also upload your work there and refresh your portfolio.

The resource contains templates in 45 categories, including abstraction, faces, geometric shapes, paints, retro, and much more.

{{spacer-64}}

<span class="blog_subtitle-caps">4 / 14</span>

Flow

https://createwithflow.com

Flow is a new player in the motion design market. The tool's arsenal includes:

· Import from Figma, Sketch, XD, Illustrator, Affinity, etc. files (creators promise to add support for Instagram and Dribbble in the future);

· A wide range of different functions for cool animation;

· Direct export of your Sketch / Figma animations to clean code for Swift, React, SVG, and more.

Animations for onboarding screens, buttons, advertising content, and promo videos - Flow will be a great helper in adding some spice to your product.

Plus, the Flow's interface is super intuitive. It incorporates the best practices of the interface from design tools of recent years. Therefore, if you know how to work with Figma or Sketch, then you will quickly figure out how to work with Flow.

{{spacer-64}}

<span class="blog_subtitle-caps">3 / 14</span>

Byte Dance Icons

https://www.figma.com/community/file/898096768838677942

Byte Dance Icons is a cool collection of icons from the Figma community containing almost 3000 elements for a wide variety of projects. Icons are available in outlined, filled and two-tone styles.

For using icons in code, here is the documentation for Vue and React.

The collection is constantly updated.

{{spacer-64}}

<span class="blog_subtitle-caps">2 / 14</span>

Best of Product Hunt

One enthusiast compiled a table of the best products on Product Hunt for 2020 in Notion. Here you will find a collection of over 360 products.

In the viewing settings, you can choose the most convenient type of content viewing: gallery view, board view, or table view. The table contains all the necessary information for each product: project name, launch date on ProductHunt, number of upvotes, and link to an image.

{{spacer-64}}

<span class="blog_subtitle-caps">1 / 14</span>

The State of Design Systems 2020

https://material.io/blog/research-state-of-design-systems-2020

1st place is occupied by the article "The State of Design Systems: 2020". This is a very informative material where Google has done a research on the use of design systems in 2020. For this study, Google surveyed over 1,000 designers.

Here are the main results.

According to 83% of those surveyed, UI kits are one of the main artifacts of the design system. Which once again confirms the effectiveness of its use.

Figma is a leader in the following spheres:

1) Top tools for designing the digital products;

2) Top tools for design documentation and hand-off;

3) Top tools for managing design systems.

Material Design is a leader in the segment of used design systems. Next up are Apple's Human-Interface Guidelines and Bootstrap (unexpected!).

More and more companies create their own design systems. 80% of respondents reported that they have created their own design systems in-house. The main reason is that its own design system better matches the company's brand.

{{spacer-64}}

{{stars-conclusion}}

{{spacer-64}}

Conclusion

That's it for today. Thank you for your attention.

We hope you liked the content and can't wait for you to start creating something awesome with these resources.

We constantly publish interesting news from the world of the design industry. So to stay informed and to get some inspiration, consider subscribing to our Newsletter, as well as our Youtube channel and follow our pages on: Dribbble, Behance, Medium, Reddit.

Also, don't forget to visit our Setproduct homepage to get inspired with UI design from the nearest future. Where you will find top-notch design systems and UI kits for fast and high-quality work in Figma.

Happy creating something useful!

Related publications

The most significant releases of 2020 on a UI design scene

Last year has passed. It was a very unstable year that changed the way things were. In this post, we have summed up the results of 2020, where we have collected for you the top events from the design world

14 useful UI design resources handpicked. January 2021

What's in today's release: various generators, cool sources for your inspiration, stylish icons, top 2020 products from Product Hunt, tools for exporting animations and GIFs, and much more

16 fresh design resources of February 2021

Here is what we are gonna review today: icons, emojis and illustrations, the coolest articles on working with color and tables for enterprise, effective plugins for Figma, sources for inspiration and much more

Top 11 design tools and resources to kickstart your project

We've reviewed the most popular launches on ProductHunt after the first quarter of 2022 and here is what we discovered.

Best 20 design resources for startups, developers and designers

Today's list includes a bunch of cool icons, powerful UI kits, great collections and tools, even a history of user interfaces, and so much more.

18 design & developer resources to boost your productivity and creativity

In today's list, you will find texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more.

Share this post

Subscribe to Setproduct

Once per week we send a newsletter with new releases, freebies and blog publications
Oops! Something went wrong while submitting the form.

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.

Congratulations!

You're in! Expect awesome updates in your inbox

FAQs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
No items found.

Our Dashboard Templates Will Make It A Treat To View Data

Experience the magic of data visualization with our user-friendly dashboard templates. Try out our dashboards now and enjoy efficient reporting processes, greater transparency in, among others monitoring and making educated decisions easily.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Material Desktop Dashboard UI kit

Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.

Xela UI kit for Figma

Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

OE Figma Design System

Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.

Related posts

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Resources

8 min read

Types of Dashboards. Main Categories

Unlock the power of data-driven decision-making with our comprehensive guide to different types of dashboards. Learn about operational, analytical, and strategic dashboards, and discover how they can drive business success.

Resources

2 mins read

Black Friday 2023: Unbeatable Deals on Figma Templates for Designers!

Maximize your Black Friday savings with exclusive deals on Figma assets for a more streamlined design workflow. Give your designs the competitive edge they deserve.

Resources

3 mins read

Best 20 design resources for startups, developers and designers

Explore a diverse collection of cool icons, powerful UI kits, and tools, along with a fascinating history of user interfaces on today's list.

Figma Templates & UI kits

Save time and human resources by reusing hundreds of pre-made templates crafted by us. Based on top notch UX taken from the World's best apps.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Material Desktop Dashboard UI kit

Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.

Xela UI kit for Figma

Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

OE Figma Design System

Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.

Figma iOS kit

Figma library of iOS patterns served as ready-made templates. This UI kit inspired by World's best apps. Based on Human Interface guidelines.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

Most iOS UI kit for Figma

iOS native components and app templates organized into a «Most Design System» fully compatible with Apple's Human Interface guidelines.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Nucleus UI

Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma (including 9 themes from Event, E-commerce, Finance, NFT, etc.).

Figma Android UI kit

Components-driven Android mobile UI library for Figma. Consists of 140 high quality application templates made of total 250+ UI components.

Mobile X UI kit

Customizable & adjustable iOS / Android design system loaded with ready-made 157 app templates based on 860+ variants for 20 components.

Appka iOS UI kit

Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts crafted for Figma.

Full iOS UI kit

Customizable iOS design system with 320 ready-to-use app layouts. You can modify them or use as it is to save time and never design from scratch again.

Xela for Flutter

XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.

Xela for Android

Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.

Xela for Swift

Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma Charts UI kit

Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports.

Hyper Charts

Create impressive visuals with Figma's graphs templates – dozens of scalable and customizable data visualization blocks for dark and light modes.

Orion UI kit

Figma library with 40+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens.

Xela for React

React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Xela for Flutter

XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.

Xela for Android

Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.

Xela for Swift

Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Xela for React

React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.

Levitate 3D kit for Figma

Components-driven 3D kit to design eye-catching Figma presentations. Helps to enhance your landing page, product or app, brand ident, etc.

Website templates UI kit

Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks.

Figma Landing Pages UI kit

Landing pages templates library based on constrained & organized components aimed to speed-up the production of effective websites.

Zeus UI kit

Create hassle-free landing pages in Figma. This kit is based on 10 landing page templates, powered by 1600+ variants for 630+ web blocks.

Research, copy and ideate with SetGPT!

We've launched the alternative ChatGPT clone dedicated to UI designers, UX researchers, writers and indiehackers.

Powered by the latest OpenAI gtp-3.5-turbo model, this free chatbot is the perfect tool for those in need of intelligent and innovative insights, wrapped with a slick UI and sophisticated user experience.

Start now

SetGPT is a free service; however, authentication is required

This is some text inside of a div block.
This is some text inside of a div block.