UI Graphics
Last updated
Was this helpful?
Last updated
Was this helpful?
| | Export perfect sine waves as SVG for your front-end projects |
| | Awesome UI Components of all types |
| | Free Figma library of products, elements, and screens |
| | Free collection of beautiful patterns for all vector formats |
| | Free surrealist illustrations for designers and developers |
| | Hand drawn illustration library|
| | Thousands of great UI freebies |
| | Beautiful, customizable animated GIF icons |
| | High-quality design resources (Free & Premium) |
| | Library of free, high-quality UI kits, icon packs, and mockups |
| | Free sketch library of avatars illustrations by Pablo Stanley |
| | A collection of repeatable SVG background patterns |
| | A set of 150+ free SVG patterns (backgrounds) |
| | A Free collection of Isometric SVG graphic resources |
| | Free Background Images for awesome landing Pages |
| | Free Animated Illustrations |
| | API to create simple yet flexible user avatars from user names or emails |
| | Download free PNG, SVG or AI file . |
| | is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces|
| | Hand-picked resources for web designers and developers, constantly updated.|
| | Premium open source illustrations added daily |
| | Free Avatar Library for Figma and Sketch|
| | Thousands of Free Design Resources like UI Kits, Mockups, Illustrations, Icons, Fonts, 3D assets, Templates and more. |
| | Custom crafted free UI design resources, for personal and commercial projects. No attribution is required. |
| | Create beautiful illustrations, no design skills needed. |
| | An SVG playground to share SVG stuff. |
| | Free templates, UI kits, icon, PSD |
| | Generate & download beautiful mesh gradients. |
| | Generate CSS Gradients For Shadows. |
| | SVG random, cutely avatars collections |
| | Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces |
| | A type diff tool that visually contrasts the differences between two fonts |
| | Learn about typography practices |
| | Golden Ratio Typography Calculator |
| | Helps you pair Google Fonts together
| | Fonts free for personal and commercial use |
| | A list of high quality fonts |
| | A geometric sans-serif typeface made with code |
| | A variable font empirically shown to significantly improve reading-proficiency |
| | Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps |
| | San Francisco Fonts for Windows 10 and non-Apple Platform |
| | Arabic fonts for free |
| | Simple and easy way to view the contents of font files |
| | FREE platform for curated open-source typefaces |
| | Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded |
| | A Hassle-Free Way to Self-Host Google Fonts |
| | When RoughJS meets Font Awesome |
| | Stylish fonts for free |
| | Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC) |
| | Free font you can download for material coding and design |
| | Download Free fonts |
| | Fluid typography is a modern way of approaching responsive typography. |
| | Inspirational font combinations and color palettes |
| | Self-host Open Source fonts in neatly bundled NPM packages. |
| | The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest. |
| | A tool to create accessible color systems. |
| | Color palette generator that uses curves to generate color palettes |
| | A free tool to create simple and complex CSS Gradients visually |
| | Pick 2 colors you like and the tool generates thousands of palettes for you. |
| | Official Google Material Color Palette Tool|
| | Create color palettes, extract gradients from images, etc. |
| | All-in-one resource for finding everything about colors |
| | Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child |
| | Discover current color trends in different industries from the creative communities on Behance and Adobe Stock|
| | A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients |
| | A free website to produce color set |
| | Generate new color palette with every spacebar press |
| | 1000+ Material Design palettes |
| | Gradient Selector |
| | Quickly generate shades of any color |
| | The biggest collection of official brand color codes |
| | Logo Color Codes and Palettes |
| | Generate theme and color palette Material Design-like |
| | Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. |
| | A tool that shows the midpoint colors between two colors
| | Ready to use copy/paste gradient buttons |
| | A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
| | Tool to get hex code along with name of the color. |
| | The stunning color scheme for website & App Designs with previews |
| | You may only need this tool for creating CSS gradient backgrounds and patterns. |
| | Color mixing tool |
| | It will show the color schemes which are popular in the outside world. |
| | Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc. |
| | It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. |
| | Super-fast and simple color palette generator, palettes can be saved and shared in seconds. |
| | A collection of UI Colors with hex codes available to be copied in just one click. |
| | Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color. |
| | A random color palette generator |
| | Browse color palettes made by other designers, generate and submit your own |
| | The Lospec Palette List is a database of palettes for pixel art. |
| | Build smooth color schemes that flow from one color to another. |
| | Gradient Background Colors with eggs.|
| | Find and test gradients easily. |
| | Website for referencing web colors. Color knowledge, Web colors, Hex color codes. |
| | A website for pick colors quickly from image or manually. It's color picker is easier to use. |
| | A gradient generetor from one color. |
| | Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds. |
| | Consistant open source icons as SVG for React, Vue and Svelte |
| | Well Optimized, Free icons for commercial use |
| | 8000+ free icons |
| | SVG Vue/React components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG). |
| | 1000+ Ultra crisp vector icons |
| | Free icons, photos, vectors and tools |
| | Free Download Icons illustrations stock photos at one place |
| | Search engine with over 50,000 SVG icons indexed |
| | Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid) |
| | Ready to use Free and Open Source SVG Icons Pack JavaScript Library. |
| | 50 free animated interactive icons |
| | Free Animated Icons in SVG and Json Format(for lottie) |
| | 7843+ free icons grouped in 182 collections |
| | An icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project. |
| | A set of free premium SVG icons for you to use on your digital products. |
| | A website offering a number of free icons. Icons are tagged and also compressed into kits. |
| |Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons. |
| |Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. |
| | A set of 430 crypto and fiat currency icons. Completely free. |
| | Evericons is a big pack of over 460 free icons designed by Aleksey Popov. |
| | Convert PNG files to SVG online & free. (One of the services provided by it.) |
| | Icon set made with pure css code, no dependencies, "grab and go" icons |
| | Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons |
| | A pixel-perfect, open source iconic font available as ligature and SVG. |
| | TeenyIcons is a set icons in SVG format easy to use in html |
| | Lucide is an open-source icon library, a fork of Feather Icons. |
| | Icon Explorer with Instant searching, powered by Iconify. |
| | Collection of Free icons. |
| | Iconspedia is a website that contains a large collection of high quality free icons. |
| | Beautifully crafted open source 3D icons |
| | Free Custom Icons |
| | The collection of 3300 emojis with their HTML codes for easy use. |
| | Thousands of free brands logos ( SVG - PNG ) |
| | Search engine with over 200,000 SVG logos indexed |
| | 1000+ high-quality SVG logos |
| | Logos for payment systems available in png and svg |
| | High resolution web browser logos |
| | Consistently formatted SVG logos |
| | Fast, All-in-One Logo Generator |
| | Create and download custom Logos for free |
| | Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats |
| | Generate favicon ico files for your website |
| | Draw a favicon online and browse through a library of favicons made by other users |
| | Generate maskable PWA icons based on your existing icon |
| | Swap in replacement of Font Awesome with modern line icons |
| | Material design icon library |
| | Beautifully crafted open source icons from Ionic team |
| | Fontisto the iconic font and css toolkit · 616+ free icons |
| | Boxicons is a free collection of carefully crafted open source icons |
| | 2100+ free icons to spice up your creative designs |
| | Free to pick palettes, icons and colors for Material Design]|
| | Material design icon font |
| | The icon font from Visual Studio Code |
| | Devicon is a set of icons representing programming languages, designing & development tools |
| | A sleek web font for payment operators and methods. Featuring 116 icons |
| | 202 thin stroke icons inspired by iOS 7 |
| | 200+ web icons where you can customize the names or codes of icons. |
| | Linea: Featuring 750+ Free Icons |
| | A set of 1100+ Free line style icons available as web font, SVG icons, and as components for JS frameworks like React, Vue and React Native. |
| | A free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons. |
| | Royalty free images, stock photos, illustrations, and vectors |
| | Free collection of free high-resolution pictures |
| | Over 350,000 free stock photos for commercial use |
| | Public domain images of all types |
| | Categorized stock photos |
| | A free image placeholder service for the web. You can specify image size and format |
| | Stunningly amazing free photos |
| | Free Images & Free stock photos - PxHere |
| | Royalty Free Stock Photos |
| | A website offering Beautiful, high-res photos of black and brown people.|
| | An image library specializing in science and nature images |
| | Free images to provide scientists, resource managers, government agencies, community groups and graphics professionals with a resource for enhancing science communication. |
| | Free nature images |
| | Large library of free to use videos, donated by the community similar to Pexels |
| | Beautiful free stock video footage |
| | Free video clips and loops |
| | Free and premium stock videos |
| | Free To Use Cinema graphs Created With VIMAGE App |
| | Free Footage Stock Videos |
| | Royalty-free audio library for downloadable music and sound effects. Cleared for YouTube monetization. |
| | Free music for your projects |
| | Free stock music and sounds |
| | Collaborative database of creative-commons licensed sound for musicians and sound lovers |
| | png, backgrounds, templates, text effects |
| | Vectors, patterns, mockups and more |
| | Free Vector artworks |
| | Choose great clipart, png, coloring pages, drawings and more for your projects from the free collection! |
| | A set of 8 simple, black & white, stylish illustrations |
| | Generate Blob shapes for Web and Flutter apps |
| | A collection of free and customizable illustrations for projects |
| | Beautiful illustrations of black people (free and premium) |
| | A collection of free illustrations and more |
| | 3000 free medical images to illustrate your publications and PowerPoint presentations |
| | Free clip art you can use for anything you like |
| | Vintage Illustrations (vector and png) |
| | Generate unique images from any text |
| | Awesome website for all kinds of Moroccan vectors. |
| | Create stunning product mockups (free & premium) |
| | beautiful design mockups service for your products (free & premium) |
| | Create beautiful device mockup images for your app or website design |
| | Create a mockup from a URL |
| | Real-time screen grabs and image sharing |
| | Images and Sketch files of popular devices |
| | Generate 3D mockups right in your browser. |
| | 100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV |
| | Create stunning mockups using latest device frames like iPhone X & custom backgrounds that make your mobile or website design standout, right from your browser quickly & for free. |
| | Instantly create mockups by adding a device frame to your videos. |
| | Create product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark. |
| | Instantly create browser mockups and beautiful images for marketing, blog post and more |
| | Very modern, unique responsive HTML5/CSS3 themes |
| | Minimal, resume, gallery themes and more |
| | Free & premium HTML5 and Bootstrap themes |
| | Brilliantly crafted free website templates |
| | Bootstrap starter themes |
| | HTML5, Bootstrap, Prestashop templates |
| | Collection of wonderful templates in different categories |
| | Almost any category of theme you can think of |
| | Templates, infographics, banners and much more|
| | Great looking HTML5/CSS3 templates|
| | Free themes for Bootstrap|
| | Free Bootstrap themes and landing pages|
| | Premium & Free Bootstrap Templates|
| | W3Layouts: 3784+ Free Website Templates for 2020 |
| | Fully coded HTML templates to help you easily build your startup landing page without hassles. |
| | Free Landing Page Templates and Bootstrap Themes |
| | Free web templates to kickstart your idea! |
| | Some responsive W3.CSS website templates for you to use. |
| | Download free-website-templates |
| | HTML5/CSS3 Free Templates |
| | Open-source & Easy to us Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.|
| | A modern responsive front-end framework based on Material Design |
| | Light framework based on Material Design. No JS dependency |
| | Extremely light framework for basic UI elements |
| | Fully configurable utility generator and CSS framework built entirely in Sass |
| | Empowers designers and developers by creating a shared vocabulary for UI |
| | A community fork of Semantic-UI |
| | Mobile first framework with clean markup |
| | A set of small, responsive CSS modules |
| | Lightweight and modular front-end framework |
| | Lightweight, grid-layout engine for Sass |
| | Minimalist CSS framework |
| | Simple, extensible CSS framework written in Sass |
| | Lightweight, modern CSS framework |
| | Lightweight and beautiful library |
| | A beautiful CSS framework designed for minimalists |
| | A micro (~3kb) CSS framework |
| | A lightweight layout library for building great responsive mobile first UIs that work everywhere |
| | A modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library |
| | NES-style CSS Framework |
| | Lightweight, forward-thinking CSS library built with future CSS syntax |
| | A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done |
| | Open source modular CSS toolkit providing great structure for building websites quickly |
| | Turret CSS is a styles framework for development of responsive websites. |
| | A strong, independent CSS Framework. |
| | Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel. |
| | A pure CSS tooltip library for your lovely websites. |
| | Pure CSS Image Hover Effect Library |
| | A minimal, responsive, style-agnostic CSS framework |
| | Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible. |
| | Material Design with Bootstrap |
| | A modern CSS framework for developing powerful web interfaces faster and easier |
| | A responsive and lightweight framework, designed for quickly building beautiful dashboards and product pages. |
| | Create your site quickly and effectively with Metro 4. impressive components library built on html, css, javascript. |
| | A web component for drawing patterns with CSS |
| | Make your website look like a LaTeX document |
| | Front-end printing solution |
| | Next generation compiler for Tailwind CSS |
| | A component and utility centric SCSS framework designed for rapid prototyping. |
| | Modern framework to print the web correctly. |
| | World's smallest responsive fire css framework (395 bytes). |
| | Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. |
| | Bojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients. |
| | Primitive CSS Framework for dummies, without classes. |
| | A modern and minimal CSS framework for terminal lovers. |
| | A minimal classless css framework / theme. |
| | PS1 style CSS Framework, inspired by NES.css. |
| | Marx is the classless CSS reset to be used in any projects (namely small ones). |
| | Style your webpage like Edward Tufte’s handouts. |
| | Axentix is an open source Framework based on CSS Grid using HTML, CSS and JS. |
| | Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS. |
| | Flowrift is a library made of beautifully designed Tailwind CSS UI blocks. |
| | The smallest, fastest, most feature complete tailwind-in-js solution in existence |
| | Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. |
| | Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components. |
| | OOCSS concepts help us write components that are flexible, modular and interchangeable. |
| | Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function. |
| | Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development. |
| | SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. |
| | Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations |
| | Animations has been one of the most impressive animation libraries available |
| | Round, flat, designer-friendly pseudo-3D engine for canvas & SVG |
| | CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page |
| | Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website |
| | AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure |
| | CSS Animations On Demand |
| | Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need |
| | Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications |
| | These animations, like rotations and pulses, that are specifically designed to run and repeat forever |
| | Animations for the strong of heart, and weak of mind |
| | A Sass library for creating flexible CSS transitions and animations |
| | A graphical user interface for generating custom CSS keyframe animations |
| | CSS Transitions and Transformations for Beginners |
| | A useful tool to animate stroke and fill properties in SVG images with plain CSS code |
| | AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS |
| | CSS loading animations with minimal effort! |
| | Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. |
| | This is a library having a collection of different types of CSS loaders, spinners |
| | A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. |
| | Generate dynamic backgrounds for your website |
| | Super easy and lightweight css animation library. |
| | Animate On Scroll Library. |
| | Just-add-water CSS animations snippets |
| | Velocity is a lightweight animation engine with the same API as jQuery's $.animate() |
| | Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll! |
| | A buttery smooth, super lightweight, vanilla javascript parallax library |
| | An easy to use, lightweight, 3D library with a default WebGL renderer. |
| | Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. |
| | Reveal Animations When You Scroll. |
| | Free lightbox plugin. |
| | Animate on scroll library to reveal animations when You scroll. |
| | A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. |
| | Rough Notation is a small JavaScript library to create and animate annotations on a web page |
| | A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js |
| | A lightweight JavaScript library for creating particles |
| | The motion graphics toolbelt for the web |
| | A small JS library to overlay images on top of the current page. |
| | Fully responsive carousel |
| | Create fluid and smooth transitions between your website’s pages. |
| | A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax. |
| | Free responsive jQuery carousel |
| | Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc. |
| | Free, pure JS library for carousels and sliders |
| | The easiest way to get a parallax effect with javascript |
| | KUTE.js is a JavaScript animation engine for modern browsers. |
| | Create fluid and interactive gradient animations with this small javascript library. |
| | Simple animation libraries for delightful user interfaces. |
| | Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. |
| | A JavaScript Typing Animation Library. |
| | Responsive and slick progress bars with animated SVG paths. |
| | Midnight.js lets you switch fixed headers on the fly |
| | Tingle is a simple modal plugin written in pure JavaScript |
| | Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors. |
| | Beautiful animated waves |
| | Animated website backgrounds in a few lines of code. |
| | Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more! |
| | Simple yet flexible JavaScript charting for designers & developers |
| | Includes Green squares grid like in GitHub, and other charts to use. |
| | G2Plot is an interactive and responsive charting library based on the grammar of graphics. |
| | Get the experience from Google to create similar charts that Google uses. |
| | Bind complicated and massive data to interactive graphs. |
| |Modern & Interactive Open-source Charts |
| |Simple responsive charts |
| | Vizzu - a free, open-source Javascript library for building animated charts, data stories, and interactive explorers. |
| |Ant Design Charts, free JS Charts library for dynamic data with excellent documentation |
| | Provides a huge library of reuseable UI Components for React, Angular, Vue, React Native. Also can be used for sharing UI Components among other team members |
| | A minimal, UI-focused programming language for web designers |
| | Calendars, price grids and other UI components |
| | Over 170 responsive design blocks ready to be used in your web or mobile apps |
| | Open-source library of Tailwind CSS components |
| | An open-source project that provides a collection of ready-to-use components based on Material-UI. |
| | Open source toolkit for building material design with Bootstrap |
| | Desktop UI library for Electron |
| | Minimal free user interface kit|
| | A free and modern UI toolkit for web makers based on Bootstrap |
| | Free and open-source website themes, templates, and UI kits based on Bootstrap and React |
| | All types of UI libraries and kits including JS frameworks like React |
| | An online tool to make css shadows|
| | Best open source admin dashboard & control panel theme|
| | Simple CSS Spinners|
| | CSS spinners collection with Vue.js integration. |
| | Animated Text with JavaScript and anime.js|
| | An open-source project that allow users to quickly create dynamic layout based on CSS Grid. |
| | Kick-start your web projects with CodyHouse's front-end framework and library of accessible HTML, CSS, JavaScript components |
| | Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source |
| | Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project. |
| | A free repository for community components using TailwindCSS |
| | SweetAlert makes popup messages easy and pretty. |
| | A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes |
| | Open source ready-to-use Tailwind CSS components. |
| | A set of framework-agnostic web components based on neumorphic design. |
| | An interface system that can be used with modern Web Frameworks such as React, Vue and Angular. |
| | A set of accessible and reusable prebuilt Tailwind components that are commonly used in web applications. |
| | A free collection of Tailwindcss Templates - tailwind components for rapid UI development. |
| | An HTML template generator using functional css. |
| | Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid. |
| | Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4 |
| | CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience. |
| | Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. |
| | Build beautifully UI Components, for your applications & websites. |
| | UI Kit comprising 300+ organized Bootstrap 5 components built with atomic design system & auto layout. |
| | JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better |
| | Bootstrap Admin Dashboard Template & UI Components Library |
| | Accessible React component primitives that also work with Vue 3, Svelte, and Angular |
| | SVGR is an universal tool to transform a raw SVG into a ready-to-use React components. Available online, in CLI, Node.js, as a webpack/rollup/parcel plugin… |
| | Hundreds Open-Source UI elements, made with HTML & CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more. |
| | Free open source Tailwind CSS components for marketing and ecommerce websites, as well as application UI. |
| | React components for faster and easier web development, based on Material Design |
| | Build accessible React apps & websites with speed. |
| | Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript |
| | A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products. |
| | Beautiful, fast and modern React UI library that allows you to create beatiful websites regardless of your design experience. |
| | A comprehensive React UI components library based on the Arco Design system. |
| | The documented collection of UI components |
| | Another Bootstrap UI library for React |
| | A frontend Framework for building admin applications. Supports API's out of the box|
| | React-based UI toolkit for the web |
| | UI components based off of the Semantic UI framework |
| | React UI kit featuring a modern design system with dozens of custom components |
| | UI set for data. Includes tables, lists, sorting, etc. |
| | Material design UI library for React |
| | Distributes UI React components and static assets for use in building web layouts |
| | Desktop styled components in React. Includes MacOS and Windows based components |
| | Build consistent, themeable React apps based on constraint-based design principles |
| | Distributes Components for hybrid mobile apps with React and Onsen UI |
| | Design system for React |
| | React primitive UI components built with styled system |
| | mobile first UI component library |
| | Open source landing page template for react |
| | A UI Toolkit for React.js Websites and Apps |
| | Open source design React UI library. |
| | Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications. |
| | The ultimate collection of design-agnostic, flexible and accessible React UI Components |
| | Primer Components are React components which implement GitHub's Primer Design System |
| | Design system and React UI components for travel projects. |
| | Base Web provides a robust suite of components out of the box |
| | Backpack is the Lonely Planet toolset that we use to build front end apps. |
| | Data visualization library for React based on D3 |
| | A suite of React components, sensible UI design, and a friendly development experience. |
| | Spring-physics based animation library for React applications. |
| | A composable charting library built on React components. |
| | Modern and minimalist React UI library |
| | A React library to power production-ready animations. |
| | A React implementation of Spectrum, Adobe’s design system. |
| | A lightweight React component for creating particles |
| | A React particles animation background component |
| | Gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework |
| | a free React admin dashboard template based on Gatsby with oah-ui components and elements package. |
| | Free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications. |
| | Tabler is a free React admin dashboard template ideal for any kind of back-end web application. |
| | React components for easier customization and smooth development flow. |
| | React-WeUI made from our love of React and WeChat's WeUI Design. |
| | An open-source UI component library inspired by Tailwind and AntDesign. |
| | A collection of JetBrains Web UI components. |
| | Reakit is a lower level component library for building accessible high level UI libraries, design systems and applications with React. |
| | A collection of essential UI components written with React. |
| | A set of React UI components that supports Pinterest’s design language. |
| | A CSS-in-JS framework built for React with props based utilities like display, fontSize or rotate. |
| | Bread n butter utility for component-tied mouse/touch gestures in React. |
| | React Rainbow is a collection of components that will reliably help you build your application in a snap. |
| | React Provider Component to add a smooth scroll effect |
| | Choc UI is a set of accessible and reusable components that are commonly used in web applications. |
| | A React Component library for buliding modern applications easily & quickly. |
| | Unstyled, accessible components for building high‑quality design systems and web apps in React |
| | Most Powerful & Comprehensive Open-source MUI React NextJS Admin Dashboard Template built for developers. |
| | A growing collection of hand-crafted & responsive Chakra UI templates ready to drop into your React project. |
| | Material design component framework |
| | Use Bootstrap components with Vue |
| | Lightweight UI components based on Bulma |
| | Semantic UI Vue is the Vue integration for Semantic UI |
| | A comprehensive Vue UI components library based on the Arco Design system. |
| | VEUI is an enterprise UI component library, based on Vue.js. |
| | Design System For Vue Applications. |
| | High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions |
| | Desktop UI library for Vue |
| | Vue UI toolkit for the web |
| | VueUI library with a simple API, inspired by Google's Material Design |
| | Open-source & Easy to use Vuetify Vuejs Admin Template with Elegant Design & Unique Layout |
| | Distributes Components for hybrid mobile apps with Vue and Onsen UI |
| | A nice collection of useful vuejs UI components |
| |Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications |
| |Unique and reusable UI components |
| |UI library for Vue based on Ant Design |
| |A high-quality & free Vue UI kit featuring a modern design system with dozens of custom components |
| |Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces.|
| |Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed.|
| |Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation.|
| | A lightweight Vue 2.x component for creating particles |
| | A lightweight Vue 3.x component for creating particles |
| | A library of high-quality ready to use components that will help you speed up your development workflow. |
| | Lightweight Mobile UI Components built on Vue. |
| | Open-source Vue 3 components system for your next project based on TypeScript |
| | Mobile UI elements for Vue.js |
| | A fantastic mobile ui lib implement by Vue.js |
| | Based on the Vue 2.0 elegant Material Design UI component library |
| | AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js. |
| | A consistent and responsive Vue UI library, based on the front-end framework UIkit. |
| | A Vue.js UI framework with only the bright side. |
| | Set of Lightview and fully customizable Vue Components optimized for TailwindCSS. |
| | Oruga is a lightweight library of UI components for Vue.js without CSS framework dependency. |
| | BalmUI is a modular and customizable Material Design UI library for Vue.js. |
| | A rich interaction, lightweight, high performance UI library based on Weex. |
| | Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. |
| | A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow. |
| | Free and Open Source UI Library for Vue 3 🤘. |
| | Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js. |
| | Vuetensils is a lightweight component library for Vue 2.x that brings some of most common UI features, but only the bare minimum styles to avoid adding any extra bloat. You can work on the branding, and don't have to worry about the accessibility.|
| | UI library for Angular based on Material design |
| | UI library for Angular based on the Bootstrap framework |
| | Powerful UI component library for Angular |
| | Hybrid mobile and PWA UI library for Angular and Onsen UI |
| | Native Angular components & directives for Lightning Design System |
| | UI library for Angular based on Semantic UI |
| | Customizable UI Kit, Auth & Security for Angular |
| | Minimal components set for Angular |
| | Another UI library for Angular based on the Bootstrap framework |
| | UI library for Angular based on Ant Design |
| | npm library for pagination |
| | For multi select drop-dowm in forms |
| | A lightweight Angular component for creating particles |
| | Angular UI Platform focused on solving common enterprise needs |
| | CSS based Angular UI framework developed by VMware group |
| | Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons. |
| | Admin template based on Angular 10+ and Nebular |
| | UI library for Svelte based on Material Design |
| | UI library for Svelte based on the Bootstrap framework |
| |UI library for Svelte based on Flat Design |
| | A lightweight Svelte component for creating particles |
| | A pretty cool UI kit for Svelte |
| | A minimalistic UI/UX component library for Svelte and Sapper projects |
| | A component library that implements the Carbon Design System, an open source design system by IBM.|
| | Magnus UI is the ultimate UI framework that helps you in building consistent user interfaces effortlessly in react native |
| | React Native UI (RNUI) is a UI Toolset & Components Library for React Native from Wix |
| | React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases |
| | UI Kitten is React Native framework for creating stunning cross-platform mobile applications. Design system based, brings your product from MVP to enterprise. |
| | Cross Platform React Native UI Toolkit that provides an all-in-one UI kit for creating apps in react native. |
| | Essential cross-platform UI components for React Native & Vue Native. |
| | Shoutem UI toolkit enables you to build professionally looking React Native apps with ease. |
| | Use Tailwind CSS in React Native projects. |
| | An Ant design based configurable Mobile UI component library based on React Native. |
| | SnackUI is a UI Kit for React Native + react-native-web that's much faster rocket with an optimizing compiler. |
| | Moti is the universal animation package for React Native |
| | Universal React design systems that optimize for native & web. |
| | Google's Material Design |
| | Design system for enterprise-level products |
| | Guides and templates for using Apple design and UI |
| | Design, build, and create with GitHub’s design system |
| | An enterprise-level design system jointly launched by the Bytedance GIP UED team and the architecture front-end team. |
| | Oracle's design system and toolkit |
| | Design system, guides and React component library |
| | Robust Twig and web component powered UI components |
| | UX guidelines, HTML/CSS framework, and Angular components |
| | Atlassian's official UI library, built according to the Atlassian Design Guidelines |
| | Audi UI design system and toolkit |
| | Carbon is IBM’s open-source design system for products and experiences |
| | Yelp style guide, components and toolkit |
| | Scalable design system of visual language, components, and design assets |
| | Guides and toolkits that blend finance with simplicity and ease of use |
| | Open source and community driven project for consistent user interfaces|
| | Guidelines and resources to create meaningful experiences for Infor’s products |
| | An experience language for crafting beautiful UI |
| | Style guide and components from Mailchimp |
| | Set of design principles and components |
| | Collection of UX frameworks from Microsoft |
| | Design guide with components for designing with Pluralsight |
| | Design system that creates great experiences for all of Shopify’s merchants |
| | Protocol is a design system for Mozilla and Firefox websites |
| | UI library for developing consistent UI/UX at SendGrid |
| | Reusable patterns, components and assets related to product design in VTEX |
| | Style guide with UI components, JS components, widgets, etc |
| | UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly |
| | A directory of 500+ styleguides |
| | Open source design system, guides & components |
| | Design guideline for developing applications under the Skoda brand |
| | Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive. |
| | Gojek’s design language system. A collection of guidelines and components to create amazing user experiences. |
| | Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets. |
| | A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being. |
| | An open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech |
| | PatternFly is an open source design system from Red Hat, Inc. |
| | Online graphic design tool (Free & paid options) |
| | online graphic design tool |
| | Create social media banner designs in minutes from hundreds of customizable templates |
| | Eight values specifying border-radius in CSS ( border-radius generator ) |
| | Wireframing tool (free & paid) |
| | Online photo editor |
| | Make videos online |
| | Create your own photos instead of searching for stock |
| | Create presentations, infographics and more |
| | Create infograms |
| | Create charts and graphs online |
| | Turn photos into cartoons |
| | Sitemap builder |
| | Real-time shareable whiteboard for brainstorming |
| | Create call to action buttons |
| | Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes. |
| | A playful avatar generator for the modern age |
| | renders Markdown-inspired text definitions to create and modify diagrams (like flowchart, sequence diagram, gantt, or user journey) dynamically. (FOSS) |
| | Simple way to visualize your data with a map |
| | A css grid cheatsheet to reference when creating a css grid |
| | A flexbox grid cheatsheet to reference when working with flexbox |
| | Easily generate avatars for your projects with Big Heads by Robert Broersma.
| | Instantly remove the background from your photos |
| | Generate Soft-UI CSS shadow code |
| | Design your database for free online |
| | Create full-fledged web apps visually |
| | Turn real code into faux code |
| | Convert your source code into nice pictures for your articles, tweets, messages, posts… |
| | Free online diagram editor tool |
| | Creating and Edit SVG Online |
| | Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like. |
| | Diagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier |
| | Accurate and hassle free background removal tool |
| | An incredible online tool for generating quick glassmorphic UI in CSS code snippets. |
| | The lorem ipsum of illustrations. Just customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools. |
| | Post Cover & Background Generator Tool |
| | A tool to rapidly prototype and build stunning websites using Tailwind CSS (Free & Premium) |
| | A tool for designing cover image for your blog. |
| | Convert your source code into awesome shareable images. |
| | A simple and powerful online JSON formatting tool |
| | Online tool to create motion graphics/design|
| | Tool that empowers non-designers to design web and mobile app mockups |
| | The drawing app with a nested "drawing-inside-the-drawing" structure |
| | Tool for easily creating precise Calc() CSS functions |
| | Free full-featured vector graphic design app that works on ALL platforms |
| | Open source, free animation, 3D modeling, etc. |
| | Online design program |
| | Sketching and painting program designed for digital artists |
| | GUI prototyping software |
| | Free design tool from Adobe |
| | Icons that can be used as code in your projects |
| | Free screen designing tool from InVision |
| | Free Photo Editor: For windows only |
| | Interactive interface design tool created by Facebook: For mac only |
| | Demonstrating the power of CSS, over 200 CSS-only interpretations of the same HTML file. |
| | Design projects featured by different creators |
| | Landingfolio features the best landing page inspiration, templates, resources and examples on the web. |
| | Practice your HTML, CSS, and Javascript skills on real world design templates |
| | Design inspiration from the best mobile app designs |
| | Showcases websites made by people from all over the world |
| | Latest design work from designers and the design community |
| | Free online resource library for product designers |
| | Displays a large collection of websites to help find inspiration |
| | A website that rate and collects the best websites in the world in UI |
| | A website that collects the best UI ideas and patterns and make tutorials of it|
| | Screenlane is a website and newsletter that features the latest web and mobile design inspiration. |
| | Free frontend design from css html and javascript. latest work some design part |
| | Discover and be inspired by beautiful webapp designs |
| | Daily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily. |
| |siteInspire is a showcase of the finest web and interactive design. |
| | A site for web design inspiration, updated daily. |
| | Responsive navigation examples |
| | A collection of inspirational websites using media queries and responsive web design |
| | Search engine for design inspiration |
| | Collection of different Web and Mobile Designs |
| | A collection of brilliant personal websites filterable by colors and web technologies used in each website. |
| | A curated gallery of beautiful and modern websites. |
| | eCommerce Website Design Gallery & Tech Inspiration. |
| | A showcase of awarding and showcasing the best websites, apps and Games. |
| | A library of screenshots and patterns from real world digital products|
| | 84 Beautiful CSS buttons examples. |
| | 91 Beautiful CSS box-shadow examples. |
| | Online JPEG and PNG optimizer / compressor with settings and archive download
| | Bulk image resizing, compression & converting that perform all the tasks within the browser (It works offline) |
| | The fastest free web app for easy image modification |
| | JPEG, GIF, PNG Compression |
| | Free Image and Photo Resizer |
| | This tool removes superfluous information, thereby reducing the size of your SVG files |
| | Free online tool for resizing and compressing digital photos and images for displaying on the web |
| | Resize png for without losing transparent background. |
| | Uses lossless compression to compress inefficient SVG codes by removing unnecessary data. (Free & Paid) |
| | Private, client-side compression of JPEG images. The app does not send images to a server for processing. |
| | Convert any major image format into a highly optimized JPEG |
| | The easiest way to identify fonts on web pages.|
| | Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.|
| | Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly|
| | Get programming news with zero effort. Simply open a new tab, and you’re all set. A must-have tool for busy developers!|
| | Validate and view JSON documents. |
| | Browser extension for viewing JSON files. |
| | Resize the browser window to emulate various screen resolutions. |
| | Instantly test your webpage on any desktop or mobile browser. |
| | Open source web design debug tool built with JavaScript |
| | Quickly check and adjust contrast in real-time in your browser to meet WCAG 2.1 requirements |
| | Adds a semi-transparent image overlay over the top of the developed HTML to easily perform pixel perfect comparison between them, useful for replicating UI designs. |
| | A must-have tool for designers and frontend developers to grab colors for any website. |
| | Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies |
| | Provides an elegant and quick way to create default text or generate Lorem Ipsum. Optimized for quick usage, but it can be customized. |
| | Beautify CSS, JavaScript and JSON code when you open a .css/.js/.json file |
| | Find and download all images on a web page. With Imageye you can find, browse and download all the images present in a web page. |
| | Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions! |
| | Change the appearance of the web instantly. |
| | A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more. |
| | React debugging tools to the Chrome Developer Tools. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. |
| | Wappalyzer is a technology profiler that shows you what websites are built with. |
| | Fake Filler a form filler that fills all inputs on a page with fake/dummy data. |
| | A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. |
| | The web editor is the tool that provides you with an enhanced way to inspect any website elements, alter their properties, insert contents, design, and visualize the way you want to see them. |
| | A simple CSS property viewer. |
| | Identify fonts from any website, bookmark, try, and buy them. |
| | An open-source, automated tool for improving the performance, quality, and correctness of your web apps. |
| | Adds outline to all elements on the page to show the culprit element which is changing desired layout. Helps in debugging CSS of the page |
| | Angular DevTools allows you to understand the structure of your application and preview the state of the directive and the component instances. |
| | Redux DevTools provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state. |
| | Free online platform for converting computer files to a variety of file formats |
| | Check your awesome responsive webpage looks great in every size |
| | A collection of handy, free-to-use tools for web developers, programmers and designers. |
| | A famous blog for many amazing HTML, CSS, JQuery designs. |
| | Free CSS tricks and some unique ideas for beginners and advanced |
| | Use Material tools, downloads, and interactive projects to simplify your workflow. |
| | A collection of tools for developers who have little to no artistic talent|
| | Command line tool to formatted commit messages according to the standards |
| | This generator will assist in creating a pure CSS corner ribbon. |
| | Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).|
| | Most commonly used device resolutions including phones and tablets |
| | Client-side HTML-to-PDF rendering using pure JS. |
| | Generate critical css for your web pages |
| | All HTML tags briefly explained. |
| | Reveal the Vue plugins and technology stack powering any website or explore a database of 5500+ websites. |
| | Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs. |
| | Gerillass is a website development tool built on top of Sass with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs. |
| | Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices. |
| | CSSPortal is home to a large range of CSS generators, tools and resources. |
| | Help Froggy and friends by writing CSS code! |
| | Essential reading on the practices that propel the best design teams forward. |
| | A server for your Static HTML forms |
| | Random SVG Graphic Generator |
| | An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need. |
| | Use QR Code Generator to easily create a QR code for your project. |
| | The Biggest Paper Database with Sizes, Dimensions and Formats in Metric and Imperial units. |
| | Free tool for developers to help with Beautify & Minify HTML/CSS/Javascript, and many other handy tools. With a delightful interface. |
| | Free web tools for speed up your development. |
| | Discover and connect to thousands of APIs. |
| | Pure CSS phones and tablets by Marvel App. |
| | Build and publish a free portfolio in minutes. |
| | Apifox = Postman + Swagger + Mock + JMeter |
| | Resets the css styling of all HTML elements to a consistent baseline across browsers.
