Liveweave
About Liveweave codeStart coding

Liveweave Showcase

Play with code. Learn by building. Create with AI.

Explore creative experiments made in the Liveweave Playground. Open any weave to see HTML, CSS, and JavaScript working together—then remix it with AI assistance and make it your own.

CSS Charts Demo

arrow_outward
visibility778 taguDLJBJ

Bootstrap Sticky Footer with Navbar

arrow_outward
visibility734 tagN0UfIT

Rotating Lollipop in CSS

arrow_outward
visibility2,207 tagtH1tHt

Slide Show Demo

arrow_outward
visibility641 taghMNpUr

Analog Luxury Digital Clock

arrow_outward
visibility1,875 tagWEmwhq

Calculator Demo

arrow_outward
visibility1,825 tagR9cTgp

Liquid in Letters using CSS

arrow_outward
visibility1,837 tagL8fBt6

Kaleidoscope Fun

arrow_outward
visibility1,452 tagDZ7JkS

CSS-only Pie Chart

arrow_outward
visibility970 tagzHOzta

A playground for the web

Small experiments.
Big ideas.

Liveweave gives you HTML, CSS, JavaScript, a live Preview, and an AI coding assistant in one focused workspace. Start from scratch or open any featured weave and build on it.

codeStart coding northBack to showcase
HTML5 CSS3 JavaScript

Generative and agentic AI assistance

Helpful AI.
Your creative control.

Ask questions, understand unfamiliar code, debug JavaScript, improve a layout, or request a focused starting point. Liveweave AI works beside the editors and considers the project in front of you—then you decide what to use, change, or undo.

Explain this function Fix this layout Make it responsive Suggest an animation
auto_awesomeTry the AI Assistant
neurology
UnderstandRead your question
SuggestOffer a direction
AssistHelp with the code
RefineIterate with you

Python Playground

Curiosity speaks Python, too.

Step beyond the front end and experiment with Python directly in your browser—no setup, no installation, just code, run, learn, and explore.

play_arrowTry Python Playground
polyline

SVG Graphics Editor

Draw it, shape it, and bring it to the web. Create scalable vector graphics visually, then use the SVG in any project.

drawOpen Graphics Editor
palette

Color Explorer

Find the color that makes everything click. Explore palettes, discover combinations, and bring the perfect color into your design.

paletteExplore Colors

Learning with Liveweave

Used by students and educators

Liveweave has been used by students and educators across universities, colleges, and education organizations including:

Liveweave by the numbers

Built for curiosity. Used around the world.

75K+registered users
600K+weaves created
10+years of learning and creating
40K+unique visitors each month
100sschools reached