Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

Liveweave — ToolFomo

Liveweave

Liveweave

Liveweave is an online HTML, CSS, and JavaScript editor that offers real-time code editing and previewing, enabling developers and designers to experiment and showcase their web projects directly in the browser.

freeweb#html-editor #css-editor #javascript-editor #real-time-preview #code-sharing #web-development

What you can do with Liveweave

Practical ideas and workflows

1

Quick Prototyping

•Open Liveweave in your browser.
•Create a new project and start writing HTML code.
•Add CSS styles and JavaScript functionality in their respective panels.
•View real-time changes in the preview pane as you code.

2

Collaborative Coding Session

Categories

Development & Coding

More like this

Tools with similar features

Landings

Landings

landings

A curated collection of landing page examples from leading companies, designed to inspire and inform design decisions.

•Share your Liveweave project link with your teammate.
•Both of you can edit the code simultaneously in the browser.
•Use the chat feature to discuss changes in real time.
•Save versions of your project together for future reference.

3

Learning New Frameworks

•Select a new JavaScript framework to try out (like React or Vue).
•Set up a Liveweave project and include necessary library scripts.
•Code examples and test them immediately in the preview pane.
•Iterate and experiment with different features to enhance your understanding.

4

Showcasing Web Designs

•Build your web design in Liveweave using HTML and CSS.
•Utilize the built-in responsive preview to test on different screen sizes.
•Share the project link with clients or stakeholders for feedback.
•Make live adjustments based on the feedback received in real time.

Fontastic

Fontastic

fontastic

Fontastic is a web-based tool that enables users to create custom icon fonts by selecting from over 9,000 vector icons or by importing their own SVG files.

Lovable

lovable

Lovable is an AI-powered platform that enables users to create web applications and websites by providing natural language descriptions, eliminating the need for extensive coding.

freemiumwebextensionapi

Next.js

Next.js

next-js

Next.js is an open-source React framework for building full-stack web applications, supporting server-side rendering, static site generation, and API routes. It is developed and maintained by Vercel.

SaaS Landing Page

SaaS Landing Page

saas-landing-page

A curated collection of over 890 landing page examples from leading SaaS companies and startups, offering design inspiration for your next project.

One Page Love

One Page Love

one-page-love

One Page Love is a curated gallery showcasing single-page website designs, templates, and resources.