Front-end web development is the development of the graphical user interface of a website through the use of HTML, CSS, and JavaScript so users can view and interact with that website. Read more about Front-end web development on Wikipedia
In development, there are a two main roles involved in the production an application user interface: design and engineering. Design focuses on the look and feel of the user interface. Where as engineering facilitates the technical implementation of the user interface design’s interaction and presentation.
Front-end application frameworks
- Next.jsnextjs The React Framework for the Web
- Vue.jsvue The Progressive JavaScript Framework
- Sveltesvelte cybernetically enhanced web apps
- htmxhtmx high power tools for HTML
- jQueryjquery a fast, small, and feature-rich JavaScript library.
- Angularangular The web development framework for building the future
- Blazorblazor Use the power of .NET and C# to build full stack web apps without writing a line of JavaScript.
Design systems
A design system is a collection of reusable components and clear standards that can be assembled together to build any number of applications. Read more about Design systems on Wikipedia
- Material Design by Google Design system for Android, Flutter and Web
- DRUIDS by Datadog A reusable user interface design system
- Human Interface Guidelines (HIG) by Apple Guidance and best practices that can help you design a great experience for any Apple platform.
- Atlassian Design System End-to-end design language to create simple, intuitive and beautiful experiences.
- Base Design System by Uber Foundations of user interfaces across Uber’s ecosystem of products & services.
- Shopify Polaris Polaris is the design system for the Shopify admin.
- IBM Carbon Design System Open source design system for products and digital experiences.
- Salesforce Lightning Resources to create user interfaces consistent with the Salesforce Lightning principles, design language, and best practices.
- Fluent 2 by Microsoft an open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences—accessibility, internationalization, and performance included.
Browse more examples of design systems here