Announcing Angular.dev
Angular first launched in 2016 as a way to help developers build modern web applications. Throughout its history, Angular has made millions of developers successful.
Over the past several releases, we’ve focused on improving performance and developer experience on the modern web. Our momentum includes a revamp of Angular’s reactivity system, SSR, and dozens of additional features.
Later this week, we will release Angular v17, including deferred views, built-in control flow, view transitions API support, SSR enhancements and more. This renaissance deserves a modern identity that represent the velocity and stability our team is committed to.
Today, we are excited to launch Angular.dev — the future home for Angular developers.
Angular.dev — the future home for Angular development
New docs… who this?
Angular.dev will be the new site, domain and home for Angular development. Today’s launch includes new tutorials, updated documentation and guidance that will help developers build with Angular’s latest features.
In the coming months, we will continue to collect feedback and improve the site, with a ton of enhancements planned.
Angular.io will continue to be supported as a legacy resource for documentation through v17, and to ensure all old links remain functional. In v18, after collecting feedback and continuing to stabilize the site, we plan to make Angular.dev the official home for all Angular development.
New embedded tutorials
A cornerstone of the new docs is our embedded tutorials, a new way to learn Angular directly in your browser. Written with WebContainers, our tutorials now offer bite-sized steps with side-by-side running code examples to learn (or come back to 😉) Angular’s core concepts.
Introducing Angular.dev/tutorials — a new way to learn Angular concepts directly in your browser.
Today our new tutorials include two ways to get started with Angular:
- Angular.dev/tutorials/learn-angular is a quick in-browser way to learn one, or all, of Angular’s core concepts
- Angular.dev/tutorials/first-app teaches you how to go from
Hello World!to your first full Angular using the CLI, including a full video course on our Angular YouTube channel
And you may have noticed, we didn’t stop at Tutorials…
Introducing Angular.dev/playground — a playground for exploring the latest Angular concepts, directly in your browser.
Start with “Hello World”, or select one of our templates and explore our newest features, including Control Flow, Signals, and more. We’ve even included a mini-game inspired by v17’s launch — how @Angular are you?
New documentation and a better UX for all levels of developer
Angular.dev teaches modern Angular development from the start.
Some highlights include:
- 📕 A new content structure, focused on teaching core Angular concepts for beginners, and digging deeper into in-depth guides for advanced developers
- 🧱 All docs and examples are built with Standalone APIs for simplified development, including a fully rewritten Components guide
- ⚡️ Core web vitals guidance written in collaboration with Chrome’s Aurora team, including guides on Image Optimization and Performance Best Practices
- 🌊 New guides for SSR and Hydration, for better app performance by default
- 🔭 More helpful API Reference & CLI references (under development)
- ⚒️ Quick edit/refresh using the Vite dev server in our tutorials
- 🚗 An updated public Roadmap
- 🔍 Better search
- + a whole lot more!
Our team remains committed to stability and backward compatibility, cornerstones of the framework’s reliability. We have updated guides on Keeping up-to-date and NgModules to ensure Angular.dev is helpful for all teams. In the future, we plan to build update.angular.io into Angular.dev, and continue to improve the documentation to further represent the latest best practices and recommendations.
Open source documentation
Angular.dev is a production app using the same v17 technologies its guides recommend — Standalone APIs, Angular Signals, prerendering, hydration, SSR/SSG, View Transitions in the router, control flow, deferred views, and the new application builder with ESBuild and Vite. We’ve also been using the app to test future Angular solutions like zoneless hydration. Our team believes in the power of open source.
Today, we are open sourcing the site so that developers can learn from and contribute to the repository.
Can I contribute?
✨ Yes please! ✨ We would love your help in improving our new site.
With the launch of a brand new site of this scale, our team expects many bugs and opportunities to improve the site and its documentation. If you’re curious about open source, this is a great project to start.
If you have suggestions, bug reports, or documentation/feature requests, please open an issue on GitHub.
Ready to contribute? Checkout our guidelines for how to get started, or click the pencil icon in the docs pages to suggest an edit in GitHub directly. Please note this will only be functional once our PR to open source the site is merged.
Next Steps
Our team will continue to work in open source to improve the site for v18. Our primary focus is improving the embedded playground stability, and our new reference infrastructure.
In the future, we will also build additional guides and a robust cookbook of tutorials, taking advantage of our new embedded playground. We also see an opportunity to create tutorials written to help map concepts from other web frameworks to Angular concepts. 😉
Read more about our current priorities in our public roadmap. We’re excited to continue building!
New look, same framework
The domain isn’t the only thing new about Angular.dev…
Today, we’re also releasing the new Angular logo and brand.
Many developers will remember the first AngularJS shield, a reference to the original HTML5, CSS3 and JavaScript shield logos it joined at the time. A lot has changed in the years since the HTML5 standard was first released, including us.
The new Angular logo represents the future of our framework, designed to signify Angular’s evolution into a modern framework. The Angular roadmap details our commitment to stability and velocity, and our work to improve developer experience and performance, with the power of a large and widely adopted framework. As Angular continues to explore and innovate on the web platform, this new logo will better represent our current efforts and future priorities.
Join Angular’s momentum forwards
Angular’s success is deeply connected to our community. We know many communities, meetups, conferences, blogs, websites, YouTube channels and developers have built their brand on top of ours. This logo is for us and our community, and it’s important that you can join us in updating your brand as well.
Today, we’re open sourcing our brand guidance, so you can join our momentum.
Visit our new Press Kit and follow our guides on how you can adapt the new logo to be your own. If you have any questions on adapting the new logo, or updating your own, please email devrel@angular.io for additional help — we can’t wait to see what you create!
Welcome to the Angular renaissance!
Thank you to the truly amazing community of developers helping launch Angular.dev.
Special thanks to Monogram (Claudio, DJ, Jordan, Leo, Oli, Patrick, Pawel, Sami, TJ) for jumping into Angular, Google Design (Jeremy, Roman, Przemek and all of GDS) for creating a beautiful new brand and identity, the Angular core team (Andrew K., Alan, Amy, Andrew J., Alex R., Alex B., Andrew S., Ben, Christina, Charles, Doug, Dylan, Emma, Jens, Jeremy, Jessica, Joey, Joost, Kevin, Kristiyan, Madleina, Mark, Minko, Miles, Paul, Pawel, Simona, Wagner, Zach) for building the next generation of documentation, our early contributor (Matthieu) for going above and beyond, IfThenCreate (Reagan) for our new playground mini-game, our incredible community of open source contributors, fellow Googlers and Angular Google Developer Experts (Amanda, Cassandra, Christian, Dima, Enea, Fatima, Jess, Jana, Jordan, Iulian, Mariia, Marissa, Mikhail, Olga, Raúl, Richie, Simon) for early feedback, testing, features and bug fixes!
