This page is absurdly long and (still) messy, my apologies. (I moved the Premade Layouts and Layout Builders sections up top since I know people like to search for them.)


Sites with Premade Layouts

adammcquaid.ca

Affelius

Almost Sweet's Layouts

Angelic-Trust

Cepheus

cinni.net

CreateBlog

Crystalis Designs

desdemona's lab

Dragonfly Cave's Layouts

Drawcia

EGGRAMEN

Elysium

francelalune Layouts

Goodmode's Free Stuff

inObscuro

John Doe's Page

Kalechips

The Lilac Lynx

linoone's Neocities Layouts

Lovely Designs

Nenrikido

Neothemes

Open Source Web Design

Owl's Roost

Pomelo's Premades

Quackit.com's HTML Templates

Regina's Design

Repth

sadgrl.online

Simple Website Templates

sleety.org

Tainted Wings

TarryDan/CSS Layouts

TEMPLATERR


Archived Sites

Bouncy-Bubbles

Neskaya

Peachie.nu


Japanese Sites

Cherish@Web

DESIGNx103

FOOL LOVERS

Net Novel Templates

PEEWEE


Blank / Unstyled Templates

CSS Two and Three Column Layouts

Free CSS Layouts

W3.CSS Demos

W3 School's CSS Templates


Premade CSS Styles

7.css

98.css

CSS Zen Garden

NES.css

Style Stage

Vanilla CSS

XP.css


Individual Layouts

Arcade Life

Extremely Emo

Mrs. Dalloway

Paperboy

Recipe Layout


Individual Layouts - Image Galleries

Adaptive Image Gallery Layout with Flexbox

Black and White Image -> Color Image Gallery

CSS Image Gallery

Easy Responsive Masonry Gallery with CSS

Flex Image Gallery with Hover Effect

Gallery with CSS GRID

grid-template-areas Example

Photography Gallery

Photo Gallery with CSS Grid Layout

Responsive CSS Grid Album

Responsive Image Gallery with Text Hover


Individual Layouts - Image Galleries - With Javascript

CSS Grid Masonry

Different Image Size Gallery

Filterable Gallery

Image Gallery with Zoom

Responsive Image Gallery

Responsive Image Gallery with Flexbox

Scrolling and Looping Image Gallery


Layout Builders / Generators

boxboxhtml

CSS Layout Generator

CSS Layout Generator - CSS Portal

Flexbox Playground

Hekate's Layout Builder

HTML Codes, Editors and Generators

HTML DIV Table Generators

Layer Styles

Layoutit!

Sadgrl's Layout Builder


Build a Tumblr Theme

I have no idea if this can work for Neocities/HTML based layouts but it's a cool theme builder regardless.


CSS Item Generators

CSS3 Generator

CSS Grid Generator

Customize Your < div >

Speech Bubble Generator


HTML, CSS and Other Coding Websites

A Beginner's Guide to HTML and CSS

HTML-CSS-JS

Introduction to the Web Revival: Make a Website! by Melonking

Learn to Code HTML & CSS

Lissa Explains it All

I remember using this site way back in high school to make my first webpage!

The Site Wizard

W3Schools

One of the best sites to learn HTML, CSS and JS!

Website Helpers

Web Designs in 4 Minutes

Web Zine 01: HTML: How to Make a Website From Scratch


All About HTML

anlucas' Learn HTML Page

The Bare Bones Guide to HTML

HTML Basics with Fox

HTML Cheat Sheet

Also has a live online HTML and CSS editor! (Scroll down to the bottom.)

The HTML Shark

HTML Tutorials

Neocities' HTML Tutorial


CSS Portal

Learning and Doing CSS

Old CSS, New CSS


Specific Topics

A Complete Guide to Flexbox

Creating a Responsive Website

Emoji Reference

HTML Background Images

HTML Code Generators

HTML <dd> Tag

HTML Lists

HTML Symbols

HTML Unicode UTF Symbols

Unicode Emoji Search


CSS Box Model

CSS Display Property

CSS Height and Width Dimensions

CSS Styling Links

CSS Styling Lists

font-weight in CSS

Multiple Borders with CSS

Styling Layout Wrappers in CSS


"How To" Questions and Answers

How to Make a Website

How to Make Horizontal Lines in HTML and CSS

How to Style a Horizontal Line in HTML and CSS


How to Create a Bullet or Number List in HTML

How to Create a Pure CSS Dropdown Menu

How To Create a Two Column Layout

How to Display Raw HTML Code on a HTML Page

How to Display Text When User Moves Mouse Over an HTML Element

How to Make Custom Bullet HTML List (UL) Using CSS

How to Resize Images in HTML


How to Create a Rectangular Box to Contain Your Text/Pictures with CSS

How to Create a Responsive Navigation Menu Using Only CSS


How to Create an Collapsibles / Accordion Menu in JS


Online HTML and CSS Editors

10015 - Online Tools

CodePen

Construct Your CSS

Convert Text to HTML

CSS Explorer

CSS Formatter

Free Online HTML Formatter

HTMLEDIT

Online HTML Editor

Prettier

Remove Unused CSS

Word to HTML


Codes and Scripts

Codepen

Dynamic Drive

Free Frontend

GRID Codes

JavaScript Best Codes

Jellyfish Forest CSS and JS Tutorials

Jumpy - Script Index

Some of these might not work in Firefox.

RV's JS and DHTML Effects


CSS Codes

Animate.css

Animista

Candy Color Button Animation

Chat Bubbles

Checkbox Styles

CSS3 Hover Effects

CSS Background Patterns

CSS Button Generator

CSS Image Hover Effects

CSS Pattern Fills

CSS Wand

Custom CSS Borders

Decorative Borders with Only CSS and No Images

Hover Effects in CSS

Simple Hover Effects

VOV.CSS

Wicker CSS3 Animations

Woah.css

You Don't Need Javascript - CSS Codes Without Using Javascript


Individual Codes

8-Bit Borders

Animated Back Glow

Animated CSS Border

Animated CSS Gradient Border

Border Inset

Card with Hovering Effect

CSS Only Drop Down Menu

CSS Only Navbar

CSS Tabs

Dropdown Menu

Falling Items

Final Fantasy VII UI

Fireflies

Floating Image

Gradient Background Animation

Hamburger Menu

iFrame Content Change with Click

Image Hover Effect

Info on Hover

Lace Border

Line Break Styles 1 + 2 + 3

Links in Margin

Links with Gradient Hover Effect

Menu Hover Sliding Effect

Modal Window

Morphing Hambuger Menu Animation

Multi-Line Hover Effect

Navigation Hover Effects

Neon Light Text

Nested Dropdown Menu

Noise -> Image Reveal

Notebook Paper 1 + 2 + 3 + 4

Particle Animation 1 + 2

Rainbow Gradient Border

Responsive Buttons

Responsive Navigation Menubar

Rounded Thumbnail -> Full Image

Shooting Stars

Simple Dropdown Menu

Snowfall Animation

Text Underline Hover Effect

Toggle Click with Only CSS

Twinkling Stars

Wave Animation


With Javascript

Button Hover Effects

Circular Reveal Animation

Custom Accordion Style

Drag and Drop Images

Dropdown Accordion Menu

Fade-in Text Over Image

Hamburger Menu Animations

Link Hover Animation

Menu Toggle

Navigation Toggle

Neon Text Effects

Pokemon Info Cards

Random Image on Refresh

Random Text on Button Click

RPG Menus

Rugrats Title Card

SVG Navigation Menu

Tab Switch Animation

Toggle Tabs

User Profile


Website Color Schemes and Palettes

0 to 255

Color tints.

Adobe Color

Color Blender

Color Hex Color Codes

Color Hexa

Color Name

Colors on the Web

ColorSpace

Enter a color's hex number to generate a color scheme or gradient.

CSS Gradient

Hex Hub HTML Color Codes

HTML Color Codes

HTML Colors from Image

HTML Color Map

HTML Color Names

List of 550+ Colors with Hex Codes

Name that Color

Shadowlord - Tint and Shades Generator Tools

W3.CSS Color Schemes

Web Colors


Fonts

codehelp @ tumblr

CSS Font Stack

DaFont

Fonts In Use

FontJoy

Generates font combinations.

galaxias-themes @ tumblr

Google Fonts / List on W3Schools / Font Library / How to Use Google Fonts on Your Webpage

So You Need a Typeface

Wordmark

Preview text with fonts on your computer.


How to Add Custom Fonts To Your Website

Webfont Generator


Web Page Hosting

Neocities

You are here!

Absolute Beginner's Guide to Neocities

How to Delete Notifications From Your Profile on Neocities

Neocities "Site to User-Profile" Tool

Welcome to Neocities! Tips on Creating a Homestead


carrd

Not really a place to host a website but it could be a good starting point to mess around with website design? Keep in mind that a free account gives you a limited amount of 'sections' to put on your page.

Glitch

Google Sites

HOTGLUE.ME

Leprd

mmm.page

Drag and drop website creator.

Multiverse

Creative blogging service that you can create collage-like blog posts.

Porkbun

Free trial period for your first three months then it's $3 a month for the basic plan. It's cheaper than Neocities' supporter upgrade and I've heard good things about this website so give it a shot if Neocities just isn't working for you.

Rentry

Similar to Pastebin but with more options.

SD Notes

Smol Pub

Special Fish

Straw.Page

Wall of Text


Free File Hosting and Sharing

Catbox

Gofile

Pasteboard

Postimages

Toffee Share


Online File Converters

Cloud Convert

Convertio

Free Convert

Online-convert.com

Online Converter

Zamzar


Website Goodies

Cbox Live Chat

Custom Scrollbar Maker

Free Clocks for Your Website

GifyPet

iMood

SCM Music Player

Smart Guestbook

Status Cafe

WebAmp

Web ESheep


KissDesigns Calenders and Clocks [Archived]


Other Tools and Helpful Websites

Alphabetizer

an idea for a website

Beautify Tools

Broken Link Checker

Only checks the first 2000 links it comes across on a website. Yes, my website did hit that limit.

Capitalize Sentences

Colorblind Web Page Filter

DeGraeve

Every Fucking Bootstrap Website Ever

How to Make Your Webpage Easier to Read

Mefancy Text Tools

pForm - Free HTML Form Builder

Pinetools

Sort My List

Text Tools

Visual Studio Code

The program I use to code my website.

Visual Studio Code - Neocities Tips


Go Back

Background Image: Swifty's HQ

Divider: FOOL LOVERS

Fonts: Kode Mono, Noto Sans Mono