# Plus UI Design

> Design resources, Figma plugins, Adobe Express add-ons, Miro apps, and online CSS/SVG generators for designers and developers.

Full site: https://www.plusuidesign.com

## Resources

- [ASCII Art Generator Figma plugin](https://www.plusuidesign.com/resources/ascii-art-generator-figma-plugin/index.md): Buy now Bring old-school, retro ASCII magic straight into Figma with the ASCII Art Generator plugin! Turn any image—portraits, logos, icons—into radiant text-ba
- [Blob Maker](https://www.plusuidesign.com/resources/blob-maker-add-on-for-adobe-express/index.md): Buy now With the Blob Maker, generate fully customizable blobs that seamlessly integrate into Adobe Express. Choose from filled, outlined, gradient, stacked, du
- [Blob Maker](https://www.plusuidesign.com/resources/blob-maker-miro-app/index.md): Get a license key With the Blob Maker, generate fully customizable blobs that seamlessly integrate into Miro. Choose from filled, outlined, gradient, stacked, d
- [Blob Maker](https://www.plusuidesign.com/resources/blob-maker/index.md): 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 de
- [Clip path generator](https://www.plusuidesign.com/resources/clip-path-generator-add-onfor-adobe-express/index.md): Buy now Create stunning CSS clip-path shapes with visual editor and draggable handles Transform your web designs with this powerful visual CSS clip-path generat
- [Clip Path Generator](https://www.plusuidesign.com/resources/clip-path-generator-miro-app/index.md): Get a license key Create stunning CSS clip-path shapes with visual editor and draggable handles Transform your designs with this powerful visual CSS clip-path g
- [Clip Path Generator](https://www.plusuidesign.com/resources/clip-path-generator/index.md): Upgrade in plugin via Figma or get a license key --- - Edit polygon paths - Added new path mask complex shapes - Edit in CodePen - Better SVG and CSS code gener
- [Clippy](https://www.plusuidesign.com/resources/clippy/index.md): 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 
- [Colorzilla](https://www.plusuidesign.com/resources/colorzilla/index.md): 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 worr
- [Cool Backgrounds](https://www.plusuidesign.com/resources/cool-backgrounds/index.md): 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 
- [Coolors](https://www.plusuidesign.com/resources/coolors/index.md): 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 j
- [Crosshatch Image Effect Generator](https://www.plusuidesign.com/resources/crosshatch-image-effect-generator-figma-plugin/index.md): Create beautiful crosshatch artwork from any photograph with our powerful image transformation tool. --- Buy now - Real-time preview – See changes instantly as 
- [CSS Gradient](https://www.plusuidesign.com/resources/css-gradient/index.md): 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 pht
- [CSS Shadows](https://www.plusuidesign.com/resources/css-shadows/index.md): 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 
- [Duotone by Shapefactory](https://www.plusuidesign.com/resources/duotone-shapefactory/index.md): 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 res
- [Fancy Border Radius](https://www.plusuidesign.com/resources/fancy-border-radius/index.md): 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-pas
- [Fancy Text Generator](https://www.plusuidesign.com/resources/fancy-text-generator-figma-plugin/index.md): Buy now ✨ What It Does The Fancy Text Generator instantly transforms your plain text into beautiful, stylized typography using Unicode characters. --- - Social 
- [Fffuel](https://www.plusuidesign.com/resources/fffuel/index.md): 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 we
- [Figma to Plugin API](https://www.plusuidesign.com/resources/figma-to-plugin-api/index.md): This Figma plugin allows you to seamlessly convert selected nodes into Figma Plugin API code, supporting a range of node types including Frames, Instances, Text
- [Figma to React Bootstrap](https://www.plusuidesign.com/resources/figma-to-react-bootstrap/index.md): How to use: Figma to React Bootstrap Plugin This cool plugin takes your Figma designs that use the Figma components from Figma to React Bootstrap file and turns
- [Figma to Tailwind CSS AI](https://www.plusuidesign.com/resources/figma-to-tailwind-ai/index.md): This is a new and improved plugin sequel of Figma to Tailwind CSS - AI code improvement - AI Theme generator (update your coded version to a different theme) - 
- [Figma to Tailwind CSS](https://www.plusuidesign.com/resources/figma-to-tailwind-css/index.md): Plugin: Website Watch video (as shown in this Figma page) Resources: Tailwind CSS Design System (Figma file) Tailwind Blocks (Using tailwind design system and c
- [File Thumbnails Generator](https://www.plusuidesign.com/resources/file-thumbnails-generator/index.md): Website ✅ Background color picker ✅ 80+ 100% SVG seamless background patterns ✅ Customizable Status badge ✅ Add Author details ✅ Current date set automatically 
- [Galaxy Background Generator](https://www.plusuidesign.com/resources/galaxy-background-generator/index.md): Create Stunning Particle Galaxy Effects in Figma Transform your designs with mesmerizing particle-based galaxy effects. Create beautiful cosmic backgrounds, neb
- [Geometric Tile Pattern SVG Generator](https://www.plusuidesign.com/resources/geometric-tile-pattern-svg-generator-figma-plugin/index.md): Buy now Geometric Pattern Generator is a Figma plugin for creating beautiful, customizable geometric patterns. Built for designers who need professional-quality
- [Get Waves](https://www.plusuidesign.com/resources/get-waves/index.md): 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 
- [Gradient Generator](https://www.plusuidesign.com/resources/gradient-generator/index.md): 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 a
- [Humaaans](https://www.plusuidesign.com/resources/humaaans/index.md): 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,
- [Iconiverse](https://www.plusuidesign.com/resources/iconiverse-miro-app/index.md): 4963 icons available in outlined and 981 icons in filled styles. Built on a consistent 24px grid with editable 2px strokes. --- Edit stroke width for more or le
- [Iconiverse](https://www.plusuidesign.com/resources/iconiverse/index.md): A gateway to a universe with a massive collection of over 5,400 high-quality, vector-based icons, fully customizable. - Edit stroke width for more or less empha
- [Ikonate to Figma](https://www.plusuidesign.com/resources/ikonate-to-figma/index.md): 🎨 Customizable SVG Icons for Your Figma Projects - ✨ Customizable: Change the size, stroke, line cap, line join, and colors to fit your design needs perfectly.
- [Inbox Flows](https://www.plusuidesign.com/resources/inbox-flows/index.md): As Pageflows and Screenlane showcase websites and user flows, Inbox Flows offers a collection of email design trends.
- [Invoice Gen Z](https://www.plusuidesign.com/resources/invoice-gen-z/index.md): 🎨 Create beautiful invoices in Figma! - 🌐 Multi-Currency Support: Bill in USD ($), EUR (€), GBP (£), INR (₹), and more. - 🖼️ Editable Templates: Fully custom
- [Land-Book](https://www.plusuidesign.com/resources/land-book/index.md): 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 inspiratio
- [Liquid Metal Generator](https://www.plusuidesign.com/resources/liquid-metal-generator-add-on-for-adobe-express/index.md): Buy now Create stunning, liquid metal effects directly in Adobe Express with real-time rendering. Perfect for modern UI designs, hero sections, backgrounds, and
- [Liquid Metal Generator](https://www.plusuidesign.com/resources/liquid-metal-generator-miro-app/index.md): Get a license key Create stunning, animated liquid metal effects directly in Miro with real-time rendering. Perfect for modern UI designs, hero sections, backgr
- [Lorem Picsum to Figma](https://www.plusuidesign.com/resources/lorem-picsum-to-figma/index.md): Generate and insert beautiful placeholder images directly into your Figma designs. - 🔀 Shuffle Random Images: Pick from over 1,000 images. - 🎨 Grayscale & Blu
- [Magnific (formerly Freepik)](https://www.plusuidesign.com/resources/magnific/index.md): Magnific (formerly Freepik) is an AI creative platform for generating, enhancing, and transforming visual content.
- [MockupHive](https://www.plusuidesign.com/resources/mockuphive/index.md): MockupHive is a design resource website for discovering mockups, creative assets, and practical articles that help designers improve their workflow. It is espec
- [Neumorphism Shadow Generator](https://www.plusuidesign.com/resources/neumorphism-shadow-generator-add-on-for-adobe-express/index.md): Buy now Easy-to-use add-on for creating beautiful neumorphic shadow effects. Customize shadows, auto-generate gradients to match color and light, and modify sha
- [Neumorphism Shadow Generator](https://www.plusuidesign.com/resources/neumorphism-shadow-generator-miro-app/index.md): Get a license key Easy-to-use app for creating beautiful neumorphic shadow effects. Customize shadows, auto-generate gradients to match color and light, and mod
- [Neumorphism Shadow Generator](https://www.plusuidesign.com/resources/neumorphism-shadow-generator/index.md): Easy-to-use plugin for creating beautiful neumorphic shadow effects. Customize shadows, auto-gradient generator to match color and light, modify the shape to se
- [Neumorphism](https://www.plusuidesign.com/resources/neumorphism/index.md): 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
- [Origin UI](https://www.plusuidesign.com/resources/origin-ui/index.md): 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 yo
- [Page Flows](https://www.plusuidesign.com/resources/page-flows/index.md): Page Flows is a UX inspiration library with real video walkthroughs of user flows from Spotify, Slack, Revolut, and 300+ top apps — essential for UX designers s
- [PageGenius Pro](https://www.plusuidesign.com/resources/pagegenius-pro/index.md): Website Building upon the foundation of the beloved PageGenius Free, this advanced version brings a lot of powerful features designed to streamline your workflo
- [Pigment by Shapefactory](https://www.plusuidesign.com/resources/pigment-shapefactory/index.md): 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, 
- [Pixabay](https://www.plusuidesign.com/resources/pixabay/index.md): Similar to Unsplash, Pixabay offers a very large amount of professional photos (1.9 million+) Here you can find: Images Vector graphics Illustrations Videos Lic
- [Pixel Art Generator](https://www.plusuidesign.com/resources/pixel-art-generator-add-on-for-adobe-express/index.md): Buy now Design from scratch, pixelating images, or exploring fun emoji art: --- - 🖌️ Draw pixel art directly in the add-on - 🌟 Choose emojis and turn them int
- [Pixel Art Generator](https://www.plusuidesign.com/resources/pixel-art-generator-miro-app/index.md): Get a license key Design from scratch, pixelating images, or exploring fun emoji art: --- - 🖌️ Draw pixel art directly in the app - 🌟 Choose emojis and turn t
- [Pixel Art Generator](https://www.plusuidesign.com/resources/pixel-art-generator/index.md): Design from scratch, pixelating images, or exploring fun emoji art: - 🖌️ Draw pixel art directly in the plugin - 🌟 Choose emojis and turn them into pixel art 
- [Polygon Background Gen Z](https://www.plusuidesign.com/resources/polygon-background-gen-z-add-on-for-adobe-express/index.md): Buy now Create and insert stunning polygon backgrounds into Adobe Express: - 🎨 Geometry Controls: Tweak distortion, size, depth, and variance to shape your pol
- [Polygon Background Generator](https://www.plusuidesign.com/resources/polygon-background-generator-miro-app/index.md): Get a license key Create and insert stunning polygon backgrounds into Miro: - Geometry Controls: Tweak distortion, size, depth, and variance to shape your polyg
- [Polygon Background Generator](https://www.plusuidesign.com/resources/polygon-background-generator/index.md): Create and insert stunning polygon backgrounds into Figma: - Geometry Controls: Tweak distortion, size, depth, and variance to shape your polygon masterpiece. -
- [Popular Brand Logos](https://www.plusuidesign.com/resources/popular-brands-logos/index.md): Access a vast library of vector logos from popular brands, all in their original, high-quality format. Adjust the size proportionally and custom colors to fit y
- [QR Code Gen Z](https://www.plusuidesign.com/resources/qr-code-gen-z/index.md): QR Code Generator (Gen Z) allows you to create customized SVG QR codes with your company logo. Website 🔲 Generate SVG QR codes effortlessly with customizable s
- [Radix UI](https://www.plusuidesign.com/resources/radix-ui/index.md): Radix UI is an open-source React component library of accessible, unstyled UI primitives — WAI-ARIA compliant, fully customizable, and performance-optimized for
- [Screenlane](https://www.plusuidesign.com/resources/screenlane/index.md): Screenlane is a premium UI design inspiration gallery showcasing real screens from mobile apps, marketing websites, and web applications. Browse by UI component
- [Seamless Waves Generator](https://www.plusuidesign.com/resources/seamless-waves-generator/index.md): 🌊 Generate infinite seamless wave patterns! Customize width, frequency, amplitude, color, and more. 🎨 Randomize or fine-tune for perfect tileable designs. Ide
- [shadcn](https://www.plusuidesign.com/resources/shadcn/index.md): shadcn is a thoughtfully crafted component library designed to help you create beautiful, consistent user interfaces. With a focus on flexibility and ease of us
- [Siiimple](https://www.plusuidesign.com/resources/siiimple/index.md): 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 cat
- [Squircley](https://www.plusuidesign.com/resources/squircley/index.md): 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
- [Story Set](https://www.plusuidesign.com/resources/story-set/index.md): Free customizable illustrations. On this website you can search for an illustration and then choose between different styles to match your design. Once selected
- [SVG Patterns](https://www.plusuidesign.com/resources/svg-patterns/index.md): Website Because you asked for it... this is the only real SVG Patterns to Figma plugin, bringing it directly to your canvas with: 🎨 180+ Real SVG Seamless Patt
- [Tailwind Blocks](https://www.plusuidesign.com/resources/tailwind-blocks/index.md): Based on the Tailwind Blocks Figma file - A curated collection of meticulously designed web sections, crafted with auto-layout and seamless conversion to code u
- [Tailwind CSS](https://www.plusuidesign.com/resources/tailwind-css/index.md): Tailwind CSS is a revolutionary utility-first CSS framework designed to provide unmatched flexibility and speed when building user interfaces. Unlike traditiona
- [Tech Stack & Design Stack Icons](https://www.plusuidesign.com/resources/tech-stack-design-stack-icons-miro-app/index.md): View in Miro Install the NPM library Visit the website A set of the most used technologies & frameworks for web development and design. ORIGINAL SVG - ✓ 690+ Ic
- [Tech Stack & Design Stack Icons](https://www.plusuidesign.com/resources/tech-stack-design-stack-icons/index.md): Tech Stack & Design Stack Icons is a Figma plugin with 690+ original SVG icons for React, Vue, Node.js, Tailwind CSS, and 600+ web frameworks and design tools —
- [Tremor UI](https://www.plusuidesign.com/resources/tremor-ui/index.md): Tremor UI is a cutting-edge React component library designed to streamline data visualization and UI development. Whether you're building dashboards, admin pane
- [UI Table Builder](https://www.plusuidesign.com/resources/ui-table-builder-add-on-for-adobe-express/index.md): Make table design faster, cleaner, and easier with the UI Table Builder Add-on for Adobe Express. Quickly create well-structured tables with striped rows, highl
- [UI Table Builder](https://www.plusuidesign.com/resources/ui-table-builder/index.md): Transform your table design experience with UI Table Builder plugin for Figma! 🚀 😎 Stylish Features: Create tables with ease using striped rows, highlighted h
- [Ultimate Blob Maker Designer](https://www.plusuidesign.com/resources/ultimate-blob-maker-designer/index.md): With the Ultimate Blob Maker Designer, generate fully customizable SVG blobs that seamlessly integrate into Figma. Choose from filled, outlined, gradient, stack
- [Unsplash](https://www.plusuidesign.com/resources/unsplash/index.md): 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 pht
- [URL Encoder for SVG](https://www.plusuidesign.com/resources/url-encoder-for-svg/index.md): 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 everywher
- [Variables Doc Designer](https://www.plusuidesign.com/resources/variables-doc-designer/index.md): Upvote in Product Hunt View website 🎨 Effortlessly manage and document your local variables with a sleek, customizable interface. - 🔄 Automatic Syncing: Keep