Learn HTML, CSS, JavaScript, TypeScript, React, React Native and advanced frontend concepts through structured, hands-on lessons with coding practice directly in the browser.
Free to learn. Certification exams are optional, from ₹199.
<!-- Lesson 12 · Building a card component --> <div class="card"> <p class="role">Frontend learner</p> <h2>Anish Lawrence</h2> <p class="bio">Learning React, one lesson a day.</p> <button id="cheer">Cheer him on · <span id="n">18</span></button> </div>
Every lesson has an editor like this one. Try the Run button.
8 courses, ordered from your first HTML tag to frontend system design interviews. Pick one and start — or follow a path below.
Not sure where to start? Follow one of these routes — each step links to a real course.
Start at the beginning. Around 4–6 months at an hour a day.
Not sure? Open HTML & CSS, lesson 1 — it takes about ten minutes.
Go straight to the work that gets you hired.
Add React Native if you want to ship mobile apps too.
Four things students ask before signing up anywhere. Pick one on the left and see the real answer on the right.
Short version: self-paced, written, hands-on, and free to learn.
Every session started when they had time, not when a class began.
Free
All 8 courses, all 235+ lessons, the coding playground, exercises and weekly challenges.
₹199$9.99
Per exam, when you want verifiable proof of a skill. Retakes require buying another attempt.
Every course is free to start. Filter by level to find where you belong.
Start from a blank page and learn to build real, accessible web pages by hand: the elements that give a document meaning, the box model and cascade that decide how it looks, flexbox and grid for real layouts, and the responsive, polished detail that separates a page that works from one that reads as finished.
Prerequisite: none — start here
Start with no programming experience at all and finish understanding how JavaScript actually runs. What the internet is, what a browser does, how to write your first program — then scope, prototypes and promises, and finally the event loop, rendering performance and the browser security model.
Prerequisite: basic HTML
Start with no experience of AI coding tools and finish able to run Claude Code well on real work. What an agent actually is, how to prompt and verify it, how to configure it with CLAUDE.md, skills, hooks and MCP, and how to scale it across parallel sessions and CI without losing control of it.
Prerequisite: JavaScript
Start already comfortable with JavaScript and finish able to read, write and configure real TypeScript: the type system's basic vocabulary, functions and object shapes, unions and narrowing, generics and the utility types built from them, classes, the advanced type-level features that power library code, and the modules, tsconfig settings and real-world habits — third-party types, unknown vs any, satisfies — that make a typed codebase trustworthy rather than merely annotated.
Prerequisite: JavaScript
Start comfortable with JavaScript and finish able to build real interfaces with React: components and props, state and effects, composition with context and custom hooks, the performance model behind re-renders, and the real-world craft — error boundaries, portals, refs, Suspense — that separates a demo from a shipped component.
Prerequisite: JavaScript
Take your React knowledge onto phones: one JavaScript codebase rendering real native UI, not a WebView. Core components and Flexbox layout, lists and forms, navigation, platform and native concepts, and the performance and shipping craft — taught by reading and reasoning through real code, since there is no honest in-browser simulator for a native app.
Prerequisite: React
Frontend system design — the half of system design interviews almost nobody teaches well. Rendering strategy trade-offs, state management at scale, performance engineering, micro-frontends, design systems, and full worked interview scenarios, taught as a reasoning process rather than a list of memorized answers.
Prerequisite: React
Data structures and algorithms for people who already know JavaScript — the patterns that actually come up in frontend interviews and frontend work: arrays, hashing, recursion, trees shaped like the DOM, light graphs, and Big-O reasoning grounded in real UI code.
Prerequisite: JavaScript
Progress is saved to your account once you sign in. You can start a lesson without one.
Not job promises — specific things you will be able to do once you finish the work.
Lay out a full marketing site or dashboard that reads correctly from a 360px phone to a wide monitor.
Build apps with real state — forms, filters, live data from an API — and keep the code readable as it grows.
Ship an Android and iOS app from one codebase, including navigation and device features like the camera.
Solve timed coding problems and talk through a system design round without freezing at the whiteboard.
Learning is free. If you want something an employer can verify, take the assessment for that course.
Work through the course lessons at your pace.
Complete the coding exercises inside each lesson.
A timed exam: multiple choice plus live coding tasks, marked automatically.
Score 70% or above and your certificate is issued with a public verification link.
AniUI Academy · Certification
This certifies that
Your name here
passed the AniUI React assessment with a score of 86% covering components, hooks, state and data fetching.
The first four are why the lessons work. The rest are what keeps you coming back on a Tuesday night.
An editor sits next to the explanation. No switching to a local setup to try one idea.
Find the paragraph about useEffect in two seconds instead of scrubbing a 40-minute video.
See exactly which lesson you stopped at, in every course, across devices.
One new problem each Monday to apply what you learned that week.
Earn XP for finished lessons and solved exercises.
A daily streak counter, for people who find that motivating.
Milestone badges for course completions and challenge wins.
Monthly rankings among learners, if you like competing.
AniUI Academy comes from the people who build AniUI, an open component library used by working frontend teams. The lessons are written by engineers who ship production interfaces, not by a content agency.
Every lesson is authored and reviewed by someone who writes frontend code for a living.
Courses are updated when the tools change — React and TypeScript lessons track current stable versions.
We are early. Rather than show inflated numbers, we would rather you judge the first lesson.
Most learning platforms open with learner counts and five-star testimonials. We are new enough that any number we published would be more marketing than evidence, so we are leaving this space empty until it is real.
When we have verified completion counts, certification results and reviews from learners who finished a course, they will appear here — with the method behind them.
Yes. All 8 courses, all 235+ lessons and the coding playground are free to use. The only paid item is the optional certification exam, which starts at ₹199.
Yes. The HTML & CSS course assumes you have never written a line of code. It starts with what a tag is and builds from there.
If you are new: HTML & CSS, then JavaScript. If you already write JavaScript: go to React, then DSA and system design. Both routes are laid out in the learning paths above.
No. There are no live sessions and no fixed schedule. Everything is self-paced and available whenever you open the site.
No. Lessons are written, so you can read at your own speed, search them and re-read a single paragraph. Short clips are used only where motion explains something better than text.
Yes. Every lesson has a browser editor with HTML, CSS and JavaScript tabs and a live preview. Nothing to install.
There are two, and they are different. Finishing all lessons in a course gives you a free completion certificate. Passing the separate paid assessment gives you a verifiable certification with a score.
It is timed and taken online: multiple choice questions plus live coding tasks, marked automatically. Score 70% or above to pass. You get a public verification link an employer can check. Retakes require buying another attempt.
Not for the fundamentals courses. Intermediate and advanced courses list their prerequisite on the course card, so you always know what you need first.
You can read lessons and run code without one. Sign in when you want your progress, XP and certificates saved.
Choose a course, write your first code and start building your frontend skills.
