Massive GFX Website Developers Tools List

Websites that offer free beautiful website templates and themes of all types. CSS Animations, UI Components & Kits, Design Systems & Style Guides, React UI, Vue UI, Angular UI

Feb 18, 2022 - 13:32

Jun 13, 2024 - 05:24

0 446

Massive GFX Website Developers Tools List

HTML & CSS Templates

Websites that offer free beautiful website templates and themes of all types

Website	Description
HTML5Up 16	Very modern, unique responsive HTML5/CSS3 themes
Templatemo 7	Minimal, resume, gallery themes and more
Templated.co 9	Tons of minimalistic HTML5/CSS3 themes
FreeHTML5 7	Free & premium HTML5 and Bootstrap themes
StyleShout 3	Brilliantly crafted free website templates
Start Bootstrap 3	Bootstrap starter themes
Zerotheme 7	HTML5, Bootstrap, Prestashop templates
HTML5xCSS3 12	Collection of wonderful templates in different categories
Colorlib 2	Almost any category of theme you can think of
Free CSS 7	Huge collection of free templates
Hubspot 3	Templates, infographics, banners and much more
Mobirise 10	Great looking HTML5/CSS3 templates
Bootswatch 1	Free themes for Bootstrap
Onepagelove 4	One page websites, templates and resources
Themes For App 1	Free Bootstrap themes and landing pages
BootstrapTaste 2	Premium & Free Bootstrap Templates
BootstrapMade 4	Elegant, clean and beautiful free templates using Bootstrap.
W3Layouts 3	W3Layouts: 3784+ Free Website Templates for 2020
Tooplate 5	Tooplate: Free HTML Templates for everyone!
Cruip 3	Fully coded HTML templates to help you easily build your startup landing page without hassles.
Shade 5	Get High Converting Landing Pages For Free!

CSS Frameworks

CSS/UI frameworks to help build great looking websites and applications

Website	Description
Tailwind CSS 4	Low level, utility-first framework
Bootstrap 2	Popular UI framework with tons of components that use both CSS and JS
Materialize	A modern responsive front-end framework based on Material Design
Material Design Lite	Light framework based on Material Design. No JS dependency
Bulma 1	Modern CSS framework with no JS
Skeleton 2	Extremely light framework for basic UI elements
Semantic UI 1	Empowers designers and developers by creating a shared vocabulary for UI
Fomantic UI 1	A community fork of Semantic-UI
Foundation	Mobile first framework with clean markup
Pure CSS 1	A set of small, responsive CSS modules
UIKit 2	Lightweight and modular front-end framework
Susy 2	Lightweight, grid-layout engine for Sass
Milligram.io 1	Minimalist CSS framework
Vanilla Framework	Simple, extensible CSS framework written in Sass
Spectre CSS	Lightweight, modern CSS framework
Picnic CSS	Lightweight and beautiful library
Wing	A beautiful CSS framework designed for minimalists
Chota	A micro (~3kb) CSS framework
Blueprint CSS 1	A lightweight layout library for building great responsive mobile first UIs that work everywhere
W3.CSS 1	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
98.css 1	A design system for building faithful recreations of old UIs
NES CSS	NES-style CSS Framework
Shoelace.css	Lightweight, forward-thinking CSS library built with future CSS syntax
MVP.css	A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you’re done
Blaze.css	Open source modular CSS toolkit providing great structure for building websites quickly
Turret CSS	Turret CSS is a styles framework for development of responsive websites.
Cutestrap	A strong, independent CSS Framework.
Shorthand	Shorthand is a free and open source css framework, that allows you to make unique and modern design without writing any css
XP.css	XP.css is an extention of 98.css. A CSS library for building interfaces that look like old UIs.
Framework7	Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel.

CSS Animations

CSS animations to build awesome animations for websites and applications

Website	Description
Animate.css 10	Just-add-water CSS animations
Bounce.js 2	Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations
Anime.js 4	Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
Magic Animations 6	Animations has been one of the most impressive animation libraries available
Zdog 1	Round, flat, designer-friendly pseudo-3D engine for canvas & SVG
CSShake 2	CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page
Hover.css 9	Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website
AniJS 2	AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure
Animista 2	CSS Animations On Demand
Tachyons-animate 1	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 4	Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications
Infinite 3	These animations, like rotations and pulses, that are specifically designed to run and repeat forever
OBNOXIOUS.CSS 1	Animations for the strong of heart, and weak of mind
MOTION UI 2	A Sass library for creating flexible CSS transitions and animations

Javascript Animation Libraries

javascript animations libraries to build awesome animations for websites and applications

Website	Description
Greensock 5	A JavaScript library for building high-performance animations that work in every major browser
Velocity.js 1	Velocity is an lightweight animation engine with the same API as jQuery’s $.animate()
lax.js	Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!
Rellax.js	A buttery smooth, super lightweight, vanilla javascript parallax library
three.js 1	An easy to use, lightweight, 3D library with a default WebGL renderer.
wow.js	Reveal Animations When You Scroll.
chocolat.js	Free lightbox plugin.
Animate On Scroll	Animate on scroll library to reveal animations when You scroll.
Tilt.Js 1	A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.

UI Components & Kits

Not quite “frameworks”, but tools for creating user interfaces with components or UI kits

Website	Description
TagFold 5	Useful Bootstrap 4, HTML5, CSS3 Code Snippets to Build Web Layouts
UILang	A minimal, ui-focused programming language for web designers
Medialoot CSS Components	Calendars, price grids and other UI components
Froala Design Blocks 3	Over 170 responsive design blocks ready to be used in your web or mobile apps
Material Design For Bootstrap	Open source toolkit for building material design with Bootstrap
Photonkit	Desktop UI library for Electron
Flat UI 1	Minimal free user interface kit
Shards	A free and modern UI toolkit for web makers based on Bootstrap
Creative Tim 2	All types of UI libraries and kits including JS frameworks like React
Brumm Shadow Maker	An online tool to make css shadows
AdminLTE	Best open source admin dashboard & control panel theme
SpinKit	Simple CSS Spinners
Epic Spinners 3	CSS spinners collection with Vue.js integration.
Loading.io	Online service provider for creating simple animations, spinners, progress bar and more
Moving Letters	Animated Text with JavaScript and anime.js
CSS Layout 1	A collection of popular web layouts and patterns in pure CSS
Codyhouse	Kick-start your web projects with CodyHouse’s front-end framework and library of accessible HTML, CSS, JavaScript components
Tailwind Starter Kit 1	Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source
Tailwindtoolbox 1	Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project.
tailwindcomponents 1	A free repository for community components using TailwindCSS
sweetalert	SweetAlert makes popup messages easy and pretty.
sweetalert2	A beautiful,responsive,customizable,accessible replacement for javascript’s popup boxes
tailblocks	Open source ready-to-use Tailwind CSS components.
Soft Components	A set of framework-agnostic web components based on neumorphic design.

React UI

UI and component libraries for the React JavaScript framework

Website	Description
Material UI 4	React components for faster and easier web development, based on Material Design
Chakra UI 3	Build accessible React apps & websites with speed. Openchakra 2
React Bootstrap	Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript
ReactStrap 1	Another Bootstrap UI library for React
React Admin 1	A frontend Framework for building admin applications. Supports API’s out of the box
BlueprintJS	React-based UI toolkit for the web
React Semantic UI 2	UI components based off of the Semantic UI framework
Shards React 2	React UI kit featuring a modern design system with dozens of custom components
React Virtualized 1	UI set for data. Includes tables, lists, sorting, etc.
React Toolbox	Material design UI library for React
Elastic UI 2	Distributes UI React components and static assets for use in building web layouts
React Desktop	Desktop styled components in React. Includes MacOS and Windows based components
Onsen React 1	Distributes Components for hybrid mobile apps with React and Onsen UI
Evergreen 1	Design system for React
Rebass 1	React primitive UI components built with styled system
Grommet	mobile first UI component library
Rimble 1	React design kit, library and guides
Landing Page Template 2	Open source landing page template for react
Elemental UI 1	A UI Toolkit for React.js Websites and Apps
Ant Design 3	Open source design React ui library.
PRIMEREACT	The ultimate collection of design-agnostic, flexible and accessible React UI Components
Primer Components	Primer Components are React components which implement GitHub’s Primer Design System
Orbit	Design system and React UI components for travel projects.
Base Web	Base Web provides a robust suite of components out of the box
Backpack UI	Backpack is the Lonely Planet toolset that we use to build front end apps.
Reaviz	Data visualization library for React based on D3
React Suite	A suite of React components, sensible UI design, and a friendly development experience.
React Spring	Spring-physics based animation library for React applications.
Recharts	A composable charting library built on React components.
Vercel UI	Modern and minimalist React UI library

Vue UI

UI and component libraries for the Vue JavaScript framework

Website	Description
Vuetify	Material design component framework
Bootstrap Vue 2	Use Bootstrap components with Vue
Buefy 1	Lightweight UI components based on Bulma
Quasar 1	High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions
Element 1	Desktop UI library for Vue
Fish UI	Vue UI toolkit for the web
Keen UI	VueUI library with a simple API, inspired by Google’s Material Design
Onsen Vue 2	Distributes Components for hybrid mobile apps with Vue and Onsen UI
Vuejsexamples 2	A nice collection of useful vuejs UI components
Inkline	Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications
Vuesax	Unique and reusable UI components
Antdv	UI library for Vue based on Ant Design
Shards Vue 1	A high-quality & free Vue UI kit featuring a modern design system with dozens of custom components

Angular UI

UI and component libraries for the Angular JavaScript framework

Website	Description
Material Angular 1	UI library for Angular based on Material design
NG Bootstrap	UI library for Angular based on the Bootstrap framework
PrimeNG	Powerful UI component library for Angular
Onsen Angular	Hybrid mobile and PWA UI library for Angular and Onsen UI
NG Lightning	Native Angular components & directives for Lightning Design System
NG Semantic	UI library for Angular based on Semantic UI
Nebular	Customizable UI Kit, Auth & Security for Angular
Alyle UI	Minimal components set for Angular
NGX Bootstrap	Another UI library for Angular based on the Bootstrap framework
NG Zorro	UI library for Angular based on Ant Design

Svelte UI

UI and component libraries for the Svelte Javascript compiler

Website	Description
Svelte Material UI	UI library for Svelte based on Material Design
SvelteStrap 1	UI library for Svelte based on the Bootstrap framework
Svelte Flat UI 1	UI library for Svelte based on Flat Design

Design Systems & Style Guides

Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites

Website	Description
Material Design 3	Google’s Material Design
Ant Design 3	Design system for enterprise-level products
Apple Design Resources	Guides and templates for using Apple design and UI
Primer	Design, build, and create with GitHub’s design system
Alta UI	Oracle’s design system and toolkit
Pulse	Design system, guides and React component library
Bolt	Robust Twig and web component powered UI components
Clarity Design System	UX guidelines, HTML/CSS framework, and Angular components
AtlasKit	Atlassian’s official UI library, built according to the Atlassian Design Guidelines
Audi Design Resources	Audi UI design system and toolkit
Carbon Design Systems	Carbon is IBM’s open-source design system for products and experiences
Yelp Style Guide 1	Yelp style guide, components and toolkit
Comet	Scalable design system of visual language, components, and design assets
ETrade Design System	Guides and toolkits that blend finance with simplicity and ease of use
Fundamental Library 1	Open source and community driven project for consistent user interfaces
Infor Design	Guidelines and resources to create meaningful experiences for Infor’s products
Lexicon	An experience language for crafting beautiful UI
Mailchimp UI/UX	Style guide and components from Mailchimp
Marvel Style Guide	Set of design principles and components
Microsoft Fluent UI	Collection of UX frameworks from Microsoft
Pluralsight Design System 1	Design guide with components for designing with Pluralsight
Polaris	Design system that creates great experiences for all of Shopify’s merchants
Mozilla Protocol	Protocol is a design system for Mozilla and Firefox websites
SendGrid Style Guide	UI library for developing consistent UI/UX at SendGrid
VTEX Styleguide	Reusable patterns, components and assets related to product design in VTEX
Rizzo	Style guide with UI components, JS components, widgets, etc
Atomize	UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly
StyleGuides.io 1	A directory of 500+ styleguides
Done Design System 1	Open source design system, guides & components
Skoda Brand System 1	Design guideline for developing applications under the Skoda brand
Spectrum 1	Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

Online Design Tools

All kinds of online tools for design, from photo editors to wireframing, and more

Website	Description
Figma 6	Online graphic design tool (Free & paid options)
Vectr 3	Free vector graphics software
Canva 2	Create beautiful designs (Free & Paid)
Get Waves 1	A free SVG wave generator to make unique SVG waves for web design
Clippy 1	Easy CSS clip-path maker
Fancy Border Radius 1	Eight values specifying border-radius in CSS ( border-radius generator )
Wireframe.cc 1	Wireframing tool (free & paid)
Fotor 3	Photo editor and design maker
Pixlr 1	Online photo editor
Animoto Video Maker 1	Make videos online
RemoveBG	Remove image backgrounds
Photo Creator 1	Create your own photos instead of searching for stock
Visme 1	Create presentations, infographics and more
Infogram	Create infograms
ChartGo	Create charts and graphs online
Cartoon Photo 5	Turn photos into cartoons
Logo Maker 4	Create custom logos
Whimsical	Wireframes, diagrams and more (4 free)
Whiteboard	Online drawing tool
Octopus 1	Sitemap builder
CTA Button Maker 1	Create call to action buttons
Blobmaker 1	Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes
Personas 2	A playful avatar generator for the modern age
SoftUI	A Soft UI (neumorphism) CSS generator
Photopea	A Online Photoshop editor
Excalidraw	Virtual whiteboard for sketching hand-drawn like diagrams
Diagrams	Diagram software and Flowchart maker
MapInSeconds	Simple way to visualize your data with a map
Grid Malven	A css grid cheatsheet to reference when creating a css grid
Flex Malven	A flexbox grid cheatsheet to reference when working with flexbox
Smart Upscaler	Upscale images by 2-4x resolution
GetAvataaars	Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library
Webflow	Break the code barrier, Build better business websites, faster. Without coding.
Trace 1	Instantly remove the background from your photos
Neumorphism.io	Generate Soft-UI CSS shadow code
DB Designer	Design your database for free online
Ui Bakery	Create full-fledged web apps visually
Faux	Turn real code into faux code
Rive	Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
Unscreen 1	Remove Video Background 100% Automatically and Free
Kodeshot	Convert your source code into nice pictures for your articles, tweets, messages, posts…
Wix	Create a Website You’re Proud Of
GTmetrix 1	Website Speed and Performance Optimization

Downloadable Design Software

Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop

Website	Description
Gimp	Free & open source image editor similar to Photoshop
Gravit Designer 1	Free full-featured vector graphic design app that works on ALL platforms
Blender 2	Open source, free animation, 3D modeling, etc.
Raw Therapee	Cross-platform raw image processing program
Be Funky	Online design program
Krita	Sketching and painting program designed for digital artists
Pencil Project	GUI prototyping software
Inkscape	Powerful free design tool
Adobe XD 1	Free design tool from Adobe
Shapes.so 1	Icons that can be used as code in your projects
Lunacy	Sketch for Windows
InVision Studio	Free screen designing tool from InVision
Darktable	Free & Open source photography workflow application and raw developer
Inpixio photo Editor 1	Free Photo Editor: For windows only

Design Inspiration

Here are some websites to get inspiration for design and UI

Website	Description
Behance 4	Design projects featured by different creators
Dribbble	Design projects featured by different creators
Httpster 3	Showcases websites made by people from all over the world
Microcopy Inspirations 2	Curated collection of UX writing examples, microcopy examples and copywriting examples
Inspofinds	Latest design work from designers and the design community
Design Notes	Free online resource library for product designers
Land Book 1	Displays a large collection of websites to help find inspiration
Frontend Mentor 1	Real-world UI Challenges using HTML, CSS and Javascript
Awwwards 2	A website that rate and collects the best websites in the world in UI
Codrops 1	A website that collects the best UI ideas and patterns and make tutorials of it
SaaS Landing Page 2	Discover the best landing page examples created by top-class SaaS companies
Pages.xyz 2	Curate and discover the best designed web pages
UI Movement 1	UI Movement is a community of design enthusiasts who share and discuss the most interesting and unique UI designs
lapa ninja 2	Best landing page inspiration
Freefrontend 2	Free front end design from css html and javascript. latest work some design part
Webframe	Discover and be inspired by beautiful webapp designs
Collect UI 1	Daily inspiration collected from daily ui archive and beyond. Hand picked, and updating daily.
Graphic Burger 2	A site offering a free and pain icons, mock-ups, Ui-Kits, text effect and backgrounds. This site’s resource are a mix of free and paid resources. Icons is on a mix of PNG, SVG, EPS and Sketch Format. Some resources are confusing as there are sponsored content in the middle of the free sets.
Really Good Emails 1	A site offering users a ton of company e-mails from customer service to marketing.
Free Design Resource 3	A site offering fonts, mockups, templates graphics and ui kits.
Site Inspire 2	siteInspire is a showcase of the finest web and interactive design.
Web Design Inspiration 2	A site for web design inspiration, updated daily.
NavNav 1	Responsive navigation examples

Image Compression

Websites that allow you to compress large images

Website	Description
TinyPNG 2	Smart PNG and JPEG compression
Optimizilla 1	Online JPEG and PNG optimizer / compressor with settings and archive download
Compressor.io 1	JPEG, PNG, GIF, SVG Compression
Squoosh.app	Image compression from Google Chrome Labs
BulkResizePhotos	Bulk image resizing, compression & converting that perform all the tasks within the browser (It works offline)
iLoveIMG	The fastest free web app for easy image modification
SvgOMG	Online SVG optimizer with a lot of settings and possibility to cut and paste svg code directly in it.
CompressJPEG	Compress JPEG images with size even greater than 5MB
CompressNow 1	JPEG, GIF, PNG Compression
Promo Image Resizer 1	Free Image and Photo Resizer
Image Optimizer	Image Optimizer Free With Quality Options
SVGminify	This tool removes superfluous information, thereby reducing the size of your SVG files
JPEG Optimizer	Free online tool for resizing and compressing digital photos and images for displaying on the web

Others

Website	Description
everysize.kibalabs.com 9	Check your awesome responsive webpage looks great in every size
Devhints.io 4	This is a modest collection of cheatsheets on Internet
The Web Toolbox 5	A collection of handy, free-to-use tools for web developers, programmers and designers.
WebDevTrick 3	A famous blog for many amazing HTML, CSS, JQuery designs.
css-tricks 3	Free CSS tricks and some unique ideas for beginners and advanced
Material Design Resizer 1	An interactive viewer that helps designers test material design breakpoints across desktop, mobile, and tablet
Nodesign.dev 2	A collection of tools for developers who have little to no artistic talent
A11ygator 2	A web tool to scan websites against WCAG rules
Commitizen 1	Command line tool to formatted commit messages according to the standards
CleanCss 2	Tool For Code Foramtter, Minifier, File Converter
Tiny helpers 3	A collection of free single-purpose online tools for web developers
CSS Ribbon Generator 1	This generator will assist in creating a pure CSS corner ribbon.
Can I Use 1	Check cross-browser compatibility of frontend technologies.
kangax-js-compat-table 1	Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).
mydevice.io 2	Most commonly used device resolutions including phones and tablets
Codepen 2	Build, test and discover frontend code.
Responsively 2	A tool for designers and frontend developers to design and debug their in all platforms with ease
html2pdf.js 1	Client-side HTML-to-PDF rendering using pure JS.
CSS Reference 6	A collection of all css properties and definitions in detail