Hoverify makes inspecting, editing, copying HTML and CSS super easy by just hovering over the element. Pick colors from anywhere on the page and take screenshots.
CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.
CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing.
Collect visual feedback from your team and clients directly on your site. Toybox is the fastest way to create, collaborate and manage ideas on any website.
CSS Inspector is a Chrome Extension for: 🔎 Get CSS Properties simply by selecting an element 🎨 Get the color palette from any website 🖍 Get a color reading from any point in your browser 📏 Get elements distance 🅰 Inspect fonts and font properties
A tool for designers to measure screen dimensions
This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.
From Signups to Sales, digital actions would be impossible without buttons. They're at the essence of human-computer interaction. With this package, give your website a new breath of fresh-air, like it never has before.
Design tokens are the smallest parts of your design: colors, typography, spacing, etc. With them, you can make consistent experiences across different parts of your website and app and even across projects.
Generating CSS3 multilayer box-shadow has never been easier. Also if you are looking for inspiration or a starting point, it contains about 100+ predefined presets and hundreds of designs made by the community.
A curated list of box shadows for your next web project. Box shadows are available in TailwindCSS JIT mode and vanilla CSS. You don't have to come up with your own shadows, click to copy and embed it in your cards to make them stand out. 🚀
Snip removes any element from any website with just one click. So it only shows what you want to see. You choices are saved. Next time you visit the same page those removed elements will also be hidden. With Snip you can undo or redo recent changes.
A live CSS editor for writing user style sheets. Customize your favorite sites, sync your styles across computers wherever you are signed into Chrome.
Amino is a Chrome browser extension for writing user CSS that persists. Make the web what you want it to be!
The Ultimate font-face CSS Generator with customization ease. Say goodbye to manual CSS, save time, and enhance web development with real-time previews. Empowering your fonts has never been easier!