Save to Favorites or Bookmarks:

  1. Press Ctrl + D (Windows) or Cmd + D (Mac).
  2. Choose your folder and click Done/Add.

Alternatively, click the star in your browser’s address bar.

Add this Site to Your Home Screen:

  1. Tap the menu in the top-right corner.
  2. Select Add to Home screen.
  3. Enter a name if you wish, then tap Add.

Add this Site to Your Home Screen:

  1. Tap the Share icon at the bottom of Safari.
  2. Tap Add to Home Screen.
  3. Edit the name if you'd like, then tap Add.
Building websites illustration

Start Your Project

DIY or All-in-One: Choose Your Path

Create a Brilliant Web Project in 10 Steps (Plus One Bonus!)

Step 1: Choose Your Project Inspiration

Experiments with Google

InternetIsBeautiful

Product Hunt

CodePen

CSS Design Awards

Glitch

Awwwards

OpenProcessing

Dribbble

Behance

Data Is Beautiful

Sidebar.io

SiteInspire

Frontend Mentor

Codrops

P5.js

The Pudding

Step 2: Plan, Prototype & Design

Excalidraw

Miro

Figma

Canva

Wireframe.cc

Marvel App

Draw.io (diagrams.net)

Penpot

Lucidchart

Whimsical

Milanote

Notion

Google Slides

Mural

Coggle

Good Brief: Idea Prompts

Step 3: Register a Domain (optional)

Namecheap

Squarespace Domains

Porkbun

Hover

Dynadot

Cloudflare Registrar

Instant Domain Search

Domainr

Name.com

IWantMyName

Domain Wheel

Lean Domain Search

GoDaddy Domain Search

Freenom

Panabee

Dot-o-mator

BustAName

Whois.net

TLD List

Image

Step 4: Choose Hosting or Deploy Platform

Netlify

Vercel

GitHub Pages

Glitch

Surge

Cloudflare Pages

Render

Firebase Hosting

Replit

GitLab Pages

InfinityFree

000webhost

Heroku

DigitalOcean App Platform

Kinsta Static Site Hosting

Neocities

Carrd

Webflow

Step 5: Pick Your Framework or Starter Kit

HTML5 Boilerplate

Bootstrap

Start Bootstrap

Vite

Create React App

Astro

Next.js

SvelteKit

Gatsby

11ty (Eleventy)

Hugo

Jekyll

Remix

CodeSandbox Templates

Wicked Templates

Vue CLI

HTML5 UP

Pageclip

Divjoy

Image

Step 6: Add a Backend, Database, or Core API

Firebase

Supabase

Airtable

Backendless

Glide Apps Databases

Xano

Notion API

retool DB

Google Sheets API

Nocodb

Hasura

APITable

8base

Kintone

Directus

PocketBase

Appwrite

SheetDB

RestDB.io

Step 7: Integrate External APIs, Automations & AI

Zapier

IFTTT

Pipedream

Airtable Automations

Make (Integromat)

OpenAI Playground

AssemblyAI

Replicate

Stable Diffusion API

Chatbot.com

Twilio Studio

Wit.ai

Algolia

WeatherAPI.com

NewsAPI.org

SheetDB

Glide AI

APIs.guru

apilayer

Public APIs.dev

PublicAPI.dev

Postman

RapidAPI Hub

PublicAPIs.io

Image

Step 8: Add Interactivity, UI & Features

Chart.js

p5.js

CodePen

LottieFiles

d3.js

Tally Forms

Leaflet

Animista

A-Frame

Iframe Generator

QuizMaker

Twine

Vizzlo

GeoGebra

WOW.js

SweetAlert2

Time.Graphics

Rive

Typeform

Giphy

Flickity

LiveReacting

Open Props

Elfsight Audio Player

Step 9: Preview, Collaborate & Test

Netlify Deploy Previews

Vercel Preview Deployments

CodePen Projects

Glitch

CodeSandbox Live

Microsoft Clarity

BrowserStack Live

UserTesting Preview

Pingdom Tools

Google Lighthouse

Figma

Miro

TestCafe Studio

LambdaTest

Replit Multiplayer

UptimeRobot

Hotjar

Image

Step 10: Monitoring, Analytics & Security

Google Analytics

Netlify Analytics

Hotjar

Microsoft Clarity

Google Search Console

UptimeRobot

StatusCake

Pingdom

Sucuri SiteCheck

Cloudflare

SnapShooter

UpdraftPlus

SecurityHeaders.com

Mozilla Observatory

Polr

WPScan

VaultPress (Jetpack Backup)

Step 11: Bonus: Launch & Share Your Project

InternetIsBeautiful

Product Hunt

Indie Hackers

Hacker News: Show HN

Twitter (X)

Telegram Groups

LinkedIn

EmailOctopus

Mailchimp

Buffer

Facebook Sharing Debugger

Google Search Console

Awwwards

Pinterest

Linktree

DEV Community

Image
×

    ×