.svg){kind=icon}
One-time password input component for React. Accessible. Unstyled. Customizable. Open Source.
Framer components inspired by Dieter Rams' design principles. Our Rams' inspired assets are designed to sprinkle a dash of delight into your life.
The internet is your canvas. Framer is where teams design and publish stunning sites.
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!
A showcase of what is possible with Progressive Web Apps today.
A Progressive Web App (PWA) is basically just a website with some added features, which enable it to provide an app-like user-experience. This means it can work practically just like a native iOS or Android app. It can be installed to the home screen of your mobile device, work offline and receive push notifications, among other things.
A way for all organizations to understand, organize,
improve, and communicate web accessibility.
Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
CSS HD Gradients
Free, beautiful fonts and font pairings curated just for you.
Free fonts and font pairings to use for your next design project
the API for Syntax Highlighting.
Torchlight is a VS Code-compatible syntax highlighter that requires no JavaScript, supports every language, every VS Code theme, line highlighting, git diffing, and more.
Tailwind Utility Generator. No-build Tailwind. Get the CSS utilities you want. Nothing you don't.
Curlwind allows you to generate Tailwind stylesheets on demand to get only the CSS utilities you need. Generated stylesheets are cached indefinitely so your site stays fast.
Add a mouse-tracing glow effect to React components.
Simple online scrollbar editor.
Scrollbar.app is a simple web app which helps developers to design and implement custom scrollbars.
100 books vetted by the community to inspire growth across the many disciplines influencing modern software design.
The coolest buttons in town.
Buttons you'll Crave.
collection of free buttons to copy & paste in your project, made in codepen by awesome people.
Where type designers sell fonts in progress
All popular icon sets, one framework. Freedom to choose icons.
Over 150,000 open source vector icons.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
A tiny framework agnostic color picker. Port of React Colorful to vanilla Custom Elements.