Code Lab
Write. Run. Build.
Africoders Code Lab is a browser IDE for HTML, CSS, JavaScript, and React. Sign in to create projects, fork community work, import from GitHub, and publish live pages on pub.africoders.com.
30+ starters
Fill a day practicing with calculators, quizzes, games, and layouts — HTML or React.
Fork & share
Remix public projects and share live links across social channels.
GitHub import
Pull a repo, edit in Lab, or save any project to a new GitHub repository.
Starter templates
32 starters — pick HTML or React for each. Sign in to open any starter in the IDE.
Blank HTML
Minimal HTML, CSS and JavaScript starter.
Portfolio
Simple personal portfolio page.
Landing page
Compact product landing page.
JavaScript calculator
Tiny calculator to practice JS.
Todo list
Add, complete, and remove tasks.
Counter
Increment and decrement a number.
Tip calculator
Calculate tip and split the bill.
Digital clock
Live clock updated every second.
Stopwatch
Start, pause, and reset a timer.
Mini quiz
Multiple-choice quiz with score.
Color picker
Pick a color and preview it.
Random quote
Show a random inspirational quote.
FAQ accordion
Expand and collapse FAQ items.
Pricing cards
Three-tier pricing layout.
Navbar + hero
Responsive nav bar with hero section.
Card grid
Responsive grid of content cards.
Modal dialog
Open and close a modal overlay.
Tabs
Switch between tab panels.
Form validation
Validate a signup form with JavaScript.
Local storage notes
Save notes in the browser with localStorage.
Image gallery
Click thumbnails to view a larger image.
Progress bar
Animated progress bar with controls.
Keyboard drum pad
Play sounds with keyboard keys.
Fetch demo
Load JSON data with the Fetch API.
Dark mode toggle
Switch between light and dark themes.
CSS animation
Keyframes, transforms, and transitions.
Memory game
Match pairs of emoji cards.
Expense tracker
Track spending and see a running total.
Markdown lite
Preview simple Markdown as HTML.
Password generator
Generate random secure passwords.
Snake lite
Classic snake game on a canvas.
React + TypeScript
React 18 + TypeScript starter in the browser
Public projects
Live on pub.africoders.com — open the site or fork into your Lab.
My portfolio
Inya · 23 hours ago · pub.africoders.com/my-portfolio-2
Landing Page Project
dhtml · 1 week ago · pub.africoders.com/landing