Berikut daftar Koleksi Link Website Desain yang berguna untuk keperluan website kalian silahkan kunjungi situs nya dan semoga bermanfaat. Enjoy !

HTML & CSS Templates​

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

CSS Frameworks​

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

CSS Animations​

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

Javascript Animation Libraries​

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

UI Components & Kits​

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

React UI​

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

Vue UI​

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

Angular UI​

WebsiteDescription
Material Angular 1UI library for Angular based on Material design
NG BootstrapUI library for Angular based on the Bootstrap framework
PrimeNGPowerful UI component library for Angular
Onsen AngularHybrid mobile and PWA UI library for Angular and Onsen UI
NG LightningNative Angular components & directives for Lightning Design System
NG SemanticUI library for Angular based on Semantic UI
NebularCustomizable UI Kit, Auth & Security for Angular
Alyle UIMinimal components set for Angular
NGX BootstrapAnother UI library for Angular based on the Bootstrap framework
NG ZorroUI library for Angular based on Ant Design

Svelte UI​

WebsiteDescription
Svelte Material UIUI library for Svelte based on Material Design
SvelteStrap 1UI library for Svelte based on the Bootstrap framework
Svelte Flat UI 1UI library for Svelte based on Flat Design

Design Systems & Style Guides​

WebsiteDescription
Material Design 3Google’s Material Design
Ant Design 3Design system for enterprise-level products
Apple Design ResourcesGuides and templates for using Apple design and UI
PrimerDesign, build, and create with GitHub’s design system
Alta UIOracle’s design system and toolkit
PulseDesign system, guides and React component library
BoltRobust Twig and web component powered UI components
Clarity Design SystemUX guidelines, HTML/CSS framework, and Angular components
AtlasKitAtlassian’s official UI library, built according to the Atlassian Design Guidelines
Audi Design ResourcesAudi UI design system and toolkit
Carbon Design SystemsCarbon is IBM’s open-source design system for products and experiences
Yelp Style Guide 1Yelp style guide, components and toolkit
CometScalable design system of visual language, components, and design assets
ETrade Design SystemGuides and toolkits that blend finance with simplicity and ease of use
Fundamental Library 1Open source and community driven project for consistent user interfaces
Infor DesignGuidelines and resources to create meaningful experiences for Infor’s products
LexiconAn experience language for crafting beautiful UI
Mailchimp UI/UXStyle guide and components from Mailchimp
Marvel Style GuideSet of design principles and components
Microsoft Fluent UICollection of UX frameworks from Microsoft
Pluralsight Design System 1Design guide with components for designing with Pluralsight
PolarisDesign system that creates great experiences for all of Shopify’s merchants
Mozilla ProtocolProtocol is a design system for Mozilla and Firefox websites
SendGrid Style GuideUI library for developing consistent UI/UX at SendGrid
VTEX StyleguideReusable patterns, components and assets related to product design in VTEX
RizzoStyle guide with UI components, JS components, widgets, etc
AtomizeUI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly
StyleGuides.io 1A directory of 500+ styleguides
Done Design System 1Open source design system, guides & components
Skoda Brand System 1Design guideline for developing applications under the Skoda brand
Spectrum 1Adobe’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​

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

Downloadable Design Software​

WebsiteDescription
GimpFree & open source image editor similar to Photoshop
Gravit Designer 1Free full-featured vector graphic design app that works on ALL platforms
Blender 2Open source, free animation, 3D modeling, etc.
Raw TherapeeCross-platform raw image processing program
Be FunkyOnline design program
KritaSketching and painting program designed for digital artists
Pencil ProjectGUI prototyping software
InkscapePowerful free design tool
Adobe XD 1Free design tool from Adobe
Shapes.so 1Icons that can be used as code in your projects
LunacySketch for Windows
InVision StudioFree screen designing tool from InVision
DarktableFree & Open source photography workflow application and raw developer
Inpixio photo Editor 1Free Photo Editor: For windows only

Design Inspiration​

WebsiteDescription
Behance 4Design projects featured by different creators
DribbbleDesign projects featured by different creators
Httpster 3Showcases websites made by people from all over the world
Microcopy Inspirations 2Curated collection of UX writing examples, microcopy examples and copywriting examples
InspofindsLatest design work from designers and the design community
Design NotesFree online resource library for product designers
Land Book 1Displays a large collection of websites to help find inspiration
Frontend Mentor 1Real-world UI Challenges using HTML, CSS and Javascript
Awwwards 2A website that rate and collects the best websites in the world in UI
Codrops 1A website that collects the best UI ideas and patterns and make tutorials of it
SaaS Landing Page 2Discover the best landing page examples created by top-class SaaS companies
Pages.xyz 2Curate and discover the best designed web pages
UI Movement 1UI Movement is a community of design enthusiasts who share and discuss the most interesting and unique UI designs
lapa ninja 2Best landing page inspiration
Freefrontend 2Free front end design from css html and javascript. latest work some design part
WebframeDiscover and be inspired by beautiful webapp designs
Collect UI 1Daily inspiration collected from daily ui archive and beyond. Hand picked, and updating daily.
Graphic Burger 2A 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 1A site offering users a ton of company e-mails from customer service to marketing.
Free Design Resource 3A site offering fonts, mockups, templates graphics and ui kits.
Site Inspire 2siteInspire is a showcase of the finest web and interactive design.
Web Design Inspiration 2A site for web design inspiration, updated daily.
NavNav 1Responsive navigation examples

Image Compression​

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

Others​

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