web-design
Simply beautiful open source icons. Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
Stencil is a tool for building modern Web Components
Stencil combines some of the best features from traditional frameworks, but outputs 100% standards-compliant Custom Elements, part of the Web Component spec.
Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry.
Ramjet makes it look like your DOM elements are capable of transforming into one another. It does this by cloning the elements (and all their children), transforming the second element (the one we're transforming to) so that it completely overlaps with the first, then animating the two elements together until the first element (the one we're transitioning from) has exactly the same position and dimensions as the second element originally did.
The GraphQL backend for mobile & web developers
Sinatra is a DSL for quickly creating web applications in Ruby with minimal effort.
KNACSS, c’est un peu comme une feuille de style CSS « reset » sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign).
"Grillade" est un système de grille simple et élaboré avec CSS3 Flexbox. Il est intégré par défaut dans le micro-framework KNACSS d'Alsacréations mais peut être utilisé de manière autonome sans nécessiter KNACSS ou d'autre dépendance.
A JavaScript/TypeScript library for creating modern user interfaces. It combines Reactive ViewModels with Functional DOM Components to create seamless flow of data.
Better default styles for common input elements. formbase eliminates cross browser bugs, inconsistencies across systems and applies a beautiful default styling to several input elements.
By Jeremy Keith.
Resilient Web Design, you might think that this is a handbook for designing robust websites. This is not a handbook. It’s more like a history book.
Related contents:
Polymer is a lightweight library that helps you take full advantage of Web Components.
With Web Components, you can create reusable custom elements that interoperate seamlessly with the browser’s built-in elements, or break your app up into right-sized components, making your code cleaner and less expensive to maintain.
Polymer sprinkles a bit of sugar over the standard Web Components APIs, making it easier for you to get great results.
A React UI toolkit for the web. Blueprint is a collection of React UI components that cover the majority of the common interface elements, patterns, and interactions on the web. Using Blueprint ensures that you’ll end up with an elegant and easy-to-use UI, freeing you to focus on building your product—not the atomic pieces that comprise it.
CDNs and cloud services cost money to setup and maintain. This scales asset availability with popularity, automatically, for free, with minimal setup.
An open source Flash™ runtime written in pure JavaScript
A flexible and powerful static content management system for building complex and beautiful websites out of flat files — for people who do not want to make a compromise between a CMS and a static blog engine.
Firedrop uses artificial intelligence to automatically create uniquely designed websites in less than 60 seconds. No templates, just bespoke design based on your content.
D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
As many hackers enjoy the readability of markdown code, some stylings in hack.css are exactly the way markdown is.
Open source modular CSS framework providing great structure for building websites quickly
A Responsive Front-end Framework for Accessible and Semantic Websites. Developed for design, turretcss is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
Create atomic design systems with Pattern Lab. Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
BoldGrid will help you create a beautiful website that looks great for any of your visitors. Plus, unlike most web builders, what you see in our builder is actually what will be installed in your site – all content included!
Find Fonts From An Image Have an image with type and you don't know what the font is? Upload it and we’ll find the fonts that match.
Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in our database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum
0to255 is a simple tool that helps web designers find variations of any color.
The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.
Pro Color Palette Software from COLOURlovers :: COLOURlovers. COPASO is an advanced color palette tool that helps you create the perfect color palette. If you're finding COPASO a bit too rich for your color creating tastes, you can always use our basic color palette tool.
Use the world's most advanced design tool for designers and non-designers. Easily create beautiful logos, business cards, websites, flyers and social media covers to impress your customers, family and friends.
Zoommy helps you find awesome free stock photos for your creative product or inspiration
Test responsive designs on various screen sizes
Mobility is a super light weight HTML, CSS, and JS mobile UI built on top of Bootstrap for developing mobile applications.
MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML's open-source engine generates high quality responsive HTML compliant with best practices.
A tool for building website UI toolkits and style guides
iFSMAnimation allows to create simple HTML5 animations in responsive design easily.
Completes signup forms automatically, with just an email address, leading to increased conversion rates and making the web easier to use. See it in action at Svbtle.
Google Material Design swipe(pull) to refresh by using JavaScript and CSS3.