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
Feb 4, 2023 - 06:42
 0  376
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

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow