Search Resources
Links by Tag
  • 3D
  • Accessibility
  • Animation
  • API
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
    • Billing
    • Legal
  • Career
  • Cheatsheets
  • CMS
    • eCommerce
    • Static Site Generators
  • Code
    • Coding Challenges
    • CSS Generators
    • Frameworks
    • HTML/CSS
    • JavaScript
    • Open Source
    • PHP
  • Colour
  • Community
  • Copywriting
  • Developer Tools
    • Version Control
  • Domains & Hosting
  • Email
  • Featured
  • Fun
  • Hardware & Merch
  • Icons
  • Illustrations
  • Inspiration
    • Design Systems
  • Learning
    • Learn to Code
    • Learn to Design
  • Marketing
  • Marketplaces
  • Mockups
  • Newsletters
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Public Health
  • Security
  • Self Care
  • Self Hosted
  • SEO
  • Services
    • Analytics
    • Forms
    • Maps
    • Social
    • Support
  • Software
    • Browser Extensions
    • Code Editors
    • Design Software
  • Templates
  • Test & Optimise
    • Accessibility Testing
    • Browser Testing
    • Code Quality
    • Speed Testing
  • Typography
  • UI Kits
  • UX Design
  • Video
  • WordPress
    • WordPress Plugins
    • WordPress Themes

More
  • My Favourites
Toolkit
  • About
  • Suggest
Screenshot of HTML Generator website
Visit Link
https://webcode.tools/generators/html

HTML Generator

Filed under HTML/CSS

Generate HTML code for a variety of inputs, media, text & more.

Free
...

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from HTML/CSS

View all HTML/CSS  
Screenshot of SmolCSS website
Visit Link
https://smolcss.dev/

SmolCSS

Filed under HTML/CSS

Minimal snippets for modern CSS layouts and components.

Free
...
Screenshot of Geo for Bootstrap website
Visit Link
https://code.divshot.com/geo-bootstrap/

Geo for Bootstrap

Filed under Fun, HTML/CSS

A Geocities theme for Twitter Bootstrap, from Divshot.

Free
...
Screenshot of DoodleCSS website
Visit Link
https://chr15m.github.io/DoodleCSS/

DoodleCSS

Filed under Fun, HTML/CSS, Illustrations, UI Kits

A simple hand drawn HTML/CSS theme.

Free
...
Screenshot of Can I Include? website
Visit Link
https://caninclude.glitch.me/

Can I Include?

Filed under HTML/CSS

Check if a chosen HTML tag can be nested inside another HTML tag according to the spec.

Free
...
Screenshot of CUBE CSS website
Visit Link
https://cube.fyi/

CUBE CSS

Filed under HTML/CSS, Learn to Code

CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. It’s designed to work with the medium that you’re working in—often the browser—rather than against it.

Free
...
Screenshot of Web Code Tools website
Visit Link
https://webcode.tools/

Web Code Tools

Filed under CSS Generators, HTML/CSS

Code generators to help you with your front-end web projects. CSS, HTML, OpenGraph, JSON, Meta Tags, Twitter Cards and more.

Free
...
Screenshot of CSS Hell website
Visit Link
https://csshell.dev/

CSS Hell

Filed under HTML/CSS, Learn to Code

Collection of common CSS mistakes, and how to fix them.

Free
...
Screenshot of Gorko website
Visit Link
https://github.com/andy-piccalilli/gorko

Gorko

Filed under CSS Generators, HTML/CSS

A tiny, Sass-powered design-token led utility class generator, with handy helpers, that helps you to power your front-ends with a single source of truth.

Free
...
Screenshot of HTML Generator website
Visit Link
https://webcode.tools/generators/html

HTML Generator

Filed under HTML/CSS

Generate HTML code for a variety of inputs, media, text & more.

Free
...
Screenshot of HTML Elements Reference website
Visit Link
https://developer.mozilla.org/en-US/docs/Web/HTML/Element

HTML Elements Reference

Filed under HTML/CSS, Learn to Code

Handy guide to every HTML element there is. Replace your divs with more semantic markup.

Free
...
Screenshot of 30 Seconds of Code website
Visit Link
https://www.30secondsofcode.org/

30 Seconds of Code

Filed under HTML/CSS, JavaScript

Short code snippets ready to use covering CSS, JS, React, Python, Git and more.

Free
...
Screenshot of CSS Stats website
Visit Link
https://cssstats.com/

CSS Stats

Filed under Code Quality, Developer Tools, HTML/CSS, Test & Optimise

CSS Stats provides analytics and visualizations for your stylesheets. This information can be used to improve consistency in your design, track performance of your app, and diagnose complex areas before it snowballs out of control.

Free
...

Toolkit by Addy Codes is a curated collection of tools and resources for people who make websites.

Follow on Twitter for a new link daily!
Say thanks & fund more with a coffee

Join the Newsletter

The very best new website building resources sent to your inbox once at most once a fortnight.

Your subscription could not be saved. Please try again.
Please check your email to confirm your subscription. It's worth it!
© Adam Greenough 2022. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
About Privacy Submit