.svg){kind=icon}
Build better responsive designs in less code.
Scale utilities smoothly between breakpoints with CSS clamp().
Use Foundation for Emails to design responsive HTML emails that work in any email client.
Quickly create responsive HTML emails that work on any device and client. Even Outlook.
Foundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier.
The most advanced responsive front-end framework in the world.
A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, including these handy HTML templates to help get you started!
Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.
The Cross-Platform App Development Leader. The mobile SDK for the Web.
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base. A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Quickly craft clean, responsive emails.
HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites.
Build HTML emails faster than you can say "Outlook".
If you know Bootstrap, you know Bootstrap Email. Ever wish you could just write HTML emails with Bootstrap and have it actually work? Well now you can. Inspired by syntax you know and love you can write simpler code and compile it so it works in every email client.
Responsive Layouts for Email.
Antwort offers responsive layouts for Email that both fits and adapts to client widths. Don't underwhelm desktop users with single column layouts that work for mobile. Antwort offers columns on desktop that automatically become rows on mobile.
Patterns for Responsive HTML Email Templates.
A few simple, but solid patterns for responsive, accessible HTML email in (almost) every email client.
A Responsive Email Framework from ZURB.
Foundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier.
Smartphone simulator on computer - test your mobile site.
Smartphone and tablet simulator on computer to test your mobile site. Several models available, iPhone 13, Galaxy S21, Google Pixel 6, iPad Air and many others.
A Web Developer's Browser. Develop responsive web apps 5x faster!
A must-have DevTool for all Front-End developers that will make your job easier. A modified browser built using Electron that helps in responsive web development.
An online editor for busy developers.
Create templates in minutes. Shuffle gives you 6,900+ fully responsive UI components to get you started. You don't have to be a designer to create attractive templates!
Responsive CSS motion paths!
A micro-library for scaling CSS motion path strings.
Compare viewport sizes.
A screen size comparison for responsive design
Next-gen browser to build, test & debug mobile websites.
One image for all screen resolutions and different devices is not enough. An image per pixel is too much - so how can someone automatically choose the optimal responsive image sizes?
Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number of images. It's time to solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly.
Typetura’s powerful technology scales your text to any layout, on any device. Launch products up to 30% faster with 90% fewer text styles.
What was that media query code again?
If you're like me, you'll often know which media query to reach for but just can't quite remember the syntax. This site lists popular media queries with a handy copy button for code the snippet you need.
Flutter transforms the app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.