Hey, I'm Dev 👋
I build cool stuff.
How It Works
From idea to live site in 3 steps
Pick a Template
Start from a blank canvas or choose a community template. HTML, CSS, JS, or React — your call.
Build in the IDE
Write code in our in-browser editor. Live preview updates as you type, side by side.
Publish Instantly
One click to publish. Your Space gets a shareable URL and appears in the community gallery.
Everything You Need
Build by engineers for world
In-Browser IDE
Full-featured code editor with syntax highlighting, autocomplete, and multi-file support — no installs needed.
Instant Deploy
Hit "Publish" and your project goes live in seconds with a shareable URL on our CDN.
Free Hosting
Every Space gets a unique public URL. Host HTML, CSS, JS, or React projects for free, forever.
Fork & Remix
Found a Space you love? Fork it instantly, make changes, and publish your own version.
Live Preview
See your changes reflected in real-time in a split-pane preview — build with confidence.
Community Gallery
Browse thousands of community Spaces for inspiration, learning, and collaboration.
File Manager
Organise HTML, CSS, JS, images, and assets in a clean project file tree.
Public or Private
Keep your work-in-progress private or flip it public to share with the world.
Starter Templates
Pick one. Start building.
<!DOCTYPE html>
<html>
<head>
<title>My Site</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>HTML Starter
HTMLClean HTML page — perfect baseline
body { font-family: sans-serif; }
.hero { display: flex; }
.card { border-radius: 12px; }CSS Portfolio
CSSResponsive personal portfolio page
function calculate(a, op, b) {
return eval(`${a}${op}${b}`);
}JS Calculator
JavaScriptWorking calculator with event listeners
const [todos, setTodos] = useState([]); const add = (t) => setTodos([...todos, t]);
React Todo App
ReactuseState hooks, lists, and CRUD
<section class="min-h-screen flex items-center justify-center bg-gray-950 text-white">
Tailwind Landing
TailwindBeautiful landing page with Tailwind
fetch('https://api.example.com/data')
.then(r => r.json())
.then(console.log);API Fetch Demo
JavaScriptFetch public API and render results
Community Gallery
Build by engineers for world
Pricing
Start free. Scale when ready.
FAQ
Common questions
What languages can I use in a Space?
Currently HTML, CSS, JavaScript, and React (JSX). TypeScript and Python support is on the roadmap.
Can I use external libraries or CDNs?
Yes — add a <script> or <link> tag pointing to any CDN like unpkg or jsDelivr and the live preview will load it instantly.
What URL will my Space be hosted at?
Every Space gets a URL like spaces.bluelearnerhub.com/u/username/my-project. Pro users can connect their own custom domain.
Can I keep my Space private?
Free users get public-only Spaces. Pro users can toggle any Space to private — invisible in the gallery and accessible only via direct link.
Is there a size limit per Space?
Free Spaces are limited to 10 MB total. Pro Spaces support up to 500 MB and allow binary file uploads (images, fonts, etc.).