The Plus UI directory

Design resources, all in one place.

Plugins, npm packages, websites and guides. Search by name or browse by platform and category.

Browse all resources

118 entries to explore

Plugins & apps

Arc Plotter

Create arc paths, circular diagrams and curve patterns.

Plugins & apps

ASCII Art Generator Figma plugin

Bring old-school, retro ASCII magic straight into Figma with the ASCII Art Generator plugin!

Design resources

Blob Maker

Blob Maker is a free SVG blob shape generator that creates random, unique organic shapes in seconds — copy SVG code or download as .svg for use in Figma, web design, and CSS animations. What is Blob Maker? Blob

SVG

Web

Plugins & apps

Camo SVG Pattern Generator

Create camouflage patterns with customizable shapes and colors.

Our websites

Clip Path Generator

Explore screenshot shapes, upcoming browser extensions, and available design-tool editions.

Web tools

Web · Figma · Adobe Express · Miro

Design resources

Clippy

This website generates polygon code to be used in clip-path css property. You can choose from a lot of predefined shapes or create your own shape by moving the nodes around. You can afterwards copy the generate

SVG

Web

Design resources

Colorzilla

Very old but still very useful website to generate cross-browser CSS Gradient code. Normally if you use a CSS preprocessor like SASS-Lang you don't need to worry about cross-browser compatibility as they genera

CSS

Web

Design resources

Cool Backgrounds

Generate cool looking backgrounds with different styles. The image generated is not the best quality but for most use cases is more than enough.\ Commonly used for backgrounds in website hero sections, social m

Photos/Images

Web

Design resources

Coolors

Either if you are looking for a new fresh color palette for your brand or starting a new project, this website can help you find the perfect color palette. Or just to get inspired by thousands of different colo

Colors

Web

Collections

Creative apps for Miro

Bring visual assets into boards for planning, workshops, and presentations.

Tool collections

Miro

Plugins & apps

Crosshatch Image Effect Generator

Transform photos into elegant crosshatch illustrations—vintage pen & ink style in seconds.

Design resources

CSS Gradient

CSS Gradient is a browser-based resource for creating CSS color gradients. Use CSS Gradient to explore color stops and preview a gradient, then copy the CSS into your project. Review the result against your tex

CSS

Web

Design resources

CSS Shadows

I haven't used this website before but I believe it might come very handy to very fast visualize different box-shadows to implement in your designs or maybe to share with the developers the exact shadow that yo

CSS

Web

Plugins & apps

Dither Studio

Explore dithering and retro image effects for your designs.

Design resources

Duotone by Shapefactory

Duotone by Shapefactory is a free browser tool for creating stunning duotone photo effects — choose two colors, pick a photo from Unsplash, and download the result as a JPEG or PNG instantly. What is Duotone by

Photos/Images

Web

Plugins & apps

Emoji Background Generator

Create backgrounds and compositions with emoji patterns.

Design resources

Fancy Border Radius

Fancy Border Radius is a free visual CSS generator for creating organic blob-like shapes using only the CSS border-radius property — no SVG needed. Get copy-paste CSS code instantly. What is Fancy Border Radius

CSS

Web

Plugins & apps

Fancy Text Generator

Instantly transforms your plain text into beautiful, stylized typography using Unicode characters.

Design resources

Fffuel

fffuel is a free collection of 25+ SVG generators and color tools for gradients, patterns, textures, and backgrounds — create web-ready SVG assets for UI and web design in seconds. What is fffuel? fffuel is a s

SVG

Web

Our websites

FigGenius

Create recognizable Figma file thumbnails and organize project covers.

Plugin websites

Web · Figma

Collections

Figma plugin bundles

Browse existing bundles for design-to-code, icons, and business graphics.

Tool collections

Figma

Guides

Figma Productivity Plugins — A Workflow Guide

Choose Figma plugins by task: organize a file, build a prototype, add icons, create graphics, and review a code handoff. Explore Plus UI Design tools and workflows.

Guides & comparisons

Figma

Plugins & apps

Figma to Plugin API

Convert selected Figma nodes into plugin API code with support for multiple node types

Plugins & apps

Figma to React Bootstrap

Convert Bootstrap 5 designs to React-Bootstrap components effortlessly. Design-to-code in 1 click!

Our websites

Figma to React Bootstrap

Explore converting Figma designs into React Bootstrap components.

Plugin websites

Web · Figma

Plugins & apps

Figma to Tailwind CSS

Explore the Figma to Tailwind CSS plugin and a workflow for reviewing generated code before integrating it into your project.

Our websites

Figma to Tailwind CSS

Explore a Figma-to-Tailwind CSS workflow with conversion guides.

Plugin websites

Web · Figma

Plugins & apps

Figma to Tailwind CSS AI

Convert Figma designs into Tailwind CSS, Improve with AI, generate themes and insert tailwind blocks

Plugins & apps

File Thumbnails Generator

Create the best file thumbnails and cover images for your files

Plugins & apps

Flower Generator

Create decorative flower shapes and floral compositions.

Plugins & apps

Galaxy Background Generator

Create Stunning Particle Galaxy Effects in Figma

Plugins & apps

Generative Poster

Explore generative compositions for posters and visual designs.

Plugins & apps

Generative SVG Noise Generator

Create noise patterns and textured visual compositions.

Plugins & apps

Geo Particle SVG Generator

Create geometric particle fields and decorative compositions.

Plugins & apps

Geometric Tile Pattern SVG Generator

Create stunning geometric patterns instantly. Export PNG/SVG or insert directly into Figma.

Design resources

Get Waves

Very similar to Blob Maker , this tool is another creation from Z Creative Labs. Easily make awesome waves shapes, choose between smooth curves, straight edges or angled edges and hit the randomize button. You

SVG

Web

Design resources

Gradient Generator

This gradient generator has a more modern UI as compared to Colorzilla but the idea is the same. You can create different gradients changing the color palette and modifying the Pigment and Lighting. I really li

Colors

Web

Design resources

Humaaans

Humaaans is a free mix-and-match people illustration library for Figma, Sketch & Adobe XD — CC0 licensed, free for commercial use. Combine poses, clothes, hair, and scenes to create custom illustrations. What i

Illustrations

Web

Plugins & apps

Iconiverse

Find icons for your designs and collaborative boards.

Our websites

Iconiverse

Find icons for interfaces, presentations and design projects.

Icons and libraries

Web · Figma · Miro

npm packages

Iconiverse Core

Framework-independent SVG node data for custom renderers and integrations.

npm packages

JavaScript

Our websites

Iconiverse for Developers

Use Iconiverse SVG icons in React, Vue, Svelte, or custom integrations with npm packages and live code examples.

Icons and libraries

Web · Figma · Miro

npm packages

Iconiverse React

SVG icon components for React interfaces, with TypeScript definitions and customizable props.

npm packages

React

npm packages

Iconiverse Svelte

Iconiverse SVG components for Svelte 4 and 5 applications.

npm packages

Svelte

npm packages

Iconiverse Vue

Vue 3 SVG icon components with customizable size, color and direct icon imports.

npm packages

Vue

Plugins & apps

Ikonate to Figma

Ikonate Icon library directly into your designs — all without leaving Figma.

Guides

Image to ASCII Art — Free Online Converter

Convert images to ASCII art free in your browser. Adjust characters, width, contrast and dithering. Copy text or export TXT, PNG and SVG. No signup or image upload.

Guides & comparisons

Figma

Design resources

Inbox Flows

As Pageflows and Screenlane showcase websites and user flows, Inbox Flows offers a collection of email design trends.

UX Flows

Web

Plugins & apps

Invoice Gen Z

Create stunning invoices in Figma: Multi-currency, editable templates, PDF export, and more!

Design resources

Land-Book

Land-Book is a curated web design gallery with 5,000+ beautiful landing pages, portfolios, stores, and blogs — your daily source of UI and web design inspiration. What is Land-Book? Land-Book is a hand-curated

UX Flows

Web

Plugins & apps

Lorem Picsum to Figma

The Lorem Ipsum for photos arrived to Figma

Design resources

Magnific (formerly Freepik)

Magnific (formerly Freepik) is an AI creative platform for generating, enhancing, and transforming visual content.

Photos/Images

Web

Plugins & apps

Mandala Generator

Build symmetrical mandala patterns and decorative shapes.

Design resources

MockupHive

MockupHive: Mockups and Design Workflow Resources MockupHive is a design resource website for discovering mockups, creative assets, and practical articles that help designers improve their workflow. It is espec

Design Resources

Web

Design resources

Neumorphism

Neumorphism is a design trend which became popular but not yet so much in real life products. We might be seing it in the future. It basically tries to simulate somewhat a 3d clay organic look. It's mostly used

CSS

Web

Design resources

Origin UI

Origin UI is a free React component library with 200+ Tailwind CSS components — buttons, inputs, navbars, and feature sections — ready to copy and paste into your web app. What is Origin UI? Origin UI is an ope

UI Frameworks

Web

Design resources

Page Flows

Page Flows is a UI and UX reference library for studying real product journeys through screen recordings, screens and email examples. Page Flows and Screenlane As checked on 22 October 2026, screenlane.com redi

UX Flows

Web

Plugins & apps

PageGenius Pro

Page management and page templates organization

Our websites

PageGenius Pro

Set up and organize Figma pages for a clearer project structure.

Plugin websites

Web · Figma

Plugins & apps

Pattern Over Pixels

Explore image-based patterns and decorative visual effects.

Design resources

Pigment by Shapefactory

Pigment by Shapefactory is a free color palette generator that creates stunning, visually rich gradients for UI and web design. Save your palettes as HEX, RGB, or Pantone — and get inspired by Unsplash photos.

Colors

Web

Design resources

Pixabay

Similar to Unsplash, Pixabay offers a very large amount of professional photos (1.9 million+) Here you can find: Images Vector graphics Illustrations Videos License Free for commercial use No attribution requir

Photos/Images

Web

Our websites

PixelArt Cloud

Convert images into pixel art, browse the gallery, and share editable artwork JSON.

Web tools

Web · Figma · Adobe Express

Plugins & apps

Popular Brand Logos

Access +3000 popular brand logos. Customize colors, size, and search.

Plugins & apps

QR Code Gen Z

QR Code Generator (Gen Z) allows you to create customized SVG QR codes with your company logo

Our websites

QR Code Gen Z

Create QR codes for links and bring them into your designs.

Plugin websites

Web · Figma

Plugins & apps

Radial Generative Polygon

Explore radial polygon patterns and generative geometry.

Design resources

Radix UI

Radix UI is an open-source React component library of accessible, unstyled UI primitives — WAI-ARIA compliant, fully customizable, and performance-optimized for production-grade design systems. What is Radix UI

UI Frameworks

Web

Design resources

Screenlane

Looking for Screenlane? Screenlane.com now redirects to Page Flows. Find the current UI inspiration library and tools for building your own designs.

UX Flows

Web

Plugins & apps

Seamless Waves Generator

Create infinite, seamless wave patterns with ease – perfect for tiling, backgrounds, and design flow

Design resources

shadcn

Build Your Component Library with shadcn shadcn is a thoughtfully crafted component library designed to help you create beautiful, consistent user interfaces. With a focus on flexibility and ease of use, shadcn

UI Frameworks

Web

Design resources

Siiimple

Siiimple is a hand-picked, curated collection of websites on the internet. You can easy and rapidly navigate through its gallery and visit the websites that catch your attention. If you are looking for some qui

UX Flows

Web

Plugins & apps

Spirograph Generator

Create looping curves and spirograph-style patterns.

Design resources

Squircley

Create fancy Squircle (Square+Circle) shapes. This became very popular among design trends from 2020-2021 and it will for sure continue to be present everywhere. You can choose the rotation, scale, curvature an

SVG

Web

Our websites

Squircly

Explore rounded shapes and squircle design workflows.

Web tools

Web

Design resources

Story Set

Free customizable illustrations. On this website you can search for an illustration and then choose between different styles to match your design. Once selected the illustration, you can chose the colors and sh

Illustrations

Web

Plugins & apps

SVG Color Sphere Generator

Create colorful sphere compositions for your designs.

Plugins & apps

SVG Patterns

180+ Real SVG seamless patterns directly on your figma file

Our websites

SVG Patterns

Explore SVG patterns for backgrounds and design compositions.

Plugin websites

Web · Figma

Plugins & apps

Tailwind Blocks

Ready-to-use Tailwind CSS blocks — Compatible with Figma to Tailwind AI Plugin

Design resources

Tailwind CSS

Tailwind CSS: The Utility-First CSS Framework Tailwind CSS is a revolutionary utility-first CSS framework designed to provide unmatched flexibility and speed when building user interfaces. Unlike traditional fr

UI Frameworks

Web

Our websites

Tech Slack Icons

Explore technology icons for Slack and team workspaces.

Icons and libraries

Web

Plugins & apps

Tech Stack & Design Stack Icons

Find technology and design-tool icons for your canvas.

Our websites

Tech Stack Icons

Explore technology icons and learn how to use them in web projects.

Icons and libraries

Web · Figma · Miro

npm packages

Tech Stack Icons for React

Original technology, framework and design-tool SVG icons as a typed React component.

npm packages

React

Design resources

Top10AI

Explore Top10AI for AI tool comparisons and practical guides covering image creation, video, logos, and website design.

Design Resources

Web

Design resources

Tremor UI

Tremor UI: Simplified Data Visualization for Modern Applications Tremor UI is a cutting-edge React component library designed to streamline data visualization and UI development. Whether you're building dashboa

UI Frameworks

Web

Our websites

UI Table

Preview table examples and customize HTML and Tailwind CSS tables in the licensed web editor.

Web tools

Web · Figma · Adobe Express

Our websites

UI Table Builder

Create and customize tables inside your design workflow.

Plugin websites

Web · Figma · Adobe Express

Design resources

Unsplash

Unsplash provides license free professional images. It's modern website and easy-to-use interface makes it very fast to find what you are looking for. - All phtos can be downloaded and used for free - Commercia

Photos/Images

Web

Design resources

URL Encoder for SVG

We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere. SVG must have attribute xmlns like this: xmlns=

SVG

Web

Our websites

UX Quotes

Find UX quotes for design projects, presentations and inspiration.

Plugin websites

Web

Plugins & apps

Variables Doc Designer

Create and customize variable documentation with ease and up to date

Our websites

Variables Doc Designer

Document Figma variables and share design token references with your team.

Plugin websites

Web · Figma

Our websites

WebShoot

Capture website screenshots with a browser extension and learn capture workflows.

Web tools

Web

Plus UI newsletter