Learn how to structure CSS and HTML using the BEM methodology for reusable components and easier code sharing in frontend development.
Master reusable frontend components with BEM
BEM — Block Element Modifier is a website dedicated to teaching you a practical methodology for organizing your CSS and HTML. By following BEM’s naming conventions, you can create reusable components and share code more efficiently in your frontend projects.
Whether you’re new to web development or looking to improve your workflow, this site offers clear explanations, helpful guides, and easy-to-follow examples. You’ll find resources on how to get started with BEM, understand its naming system, and apply it to real-world projects, making your frontend code cleaner and more maintainable.
If you want to simplify collaboration and make your web projects easier to manage, BEM provides the foundational knowledge and tools you need to get started. It’s a great resource for anyone interested in building scalable, organized frontend code.
Discover websites similar to Getbem.com based on shared categories, topics, and features.
Sass is a CSS extension language that lets you write cleaner, more powerful stylesheets for websites. It helps you organize and simplify your CSS code.
Modernizr helps you detect HTML5 and CSS3 features in users’ browsers so you can build websites that work smoothly across different devices and browsers.
CreateJS offers a set of JavaScript libraries and tools for building interactive HTML5 content, animations, and games directly in the browser.
HTML5 Boilerplate offers a ready-to-use front-end template to help you quickly build fast, robust, and adaptable web apps or sites with modern best practices.
Create responsive web and mobile apps with customizable HTML5 UI components for Angular, React, Vue, and JavaScript—works on any browser or device.
Discover free, open-source Bootstrap 5 themes, templates, and code snippets, plus helpful guides and tutorials for web design and development.
Basscss is a low-level CSS toolkit that helps you build fast, scalable, and readable user interfaces with simple, human-friendly class names.
Tailwind CSS lets you build modern, responsive websites quickly using utility-first classes, all without leaving your HTML. Easy to customize and use.
PageSpeed Modules offers open-source tools to automatically optimize website speed and performance for Apache and NGINX servers.
jQuery Mobile is a touch-optimized web framework that helps you create responsive, mobile-friendly websites and apps using HTML, CSS, and JavaScript.
Preact is a fast, lightweight JavaScript web framework that offers a React-like API, helping you build modern user interfaces with minimal code.
Gatsby is a React-based open source framework for building fast, scalable, and secure websites with modern tools and easy deployment options.
UIkit is a lightweight, modular web framework that helps you quickly build fast and stylish user interfaces for websites and web apps.
Knockout.js helps you build dynamic JavaScript user interfaces using the MVVM pattern, with clear documentation, tutorials, and live examples.
Stencil is a tool for building reusable web components and design systems, helping developers create fast, customizable web apps with ease.
WebSharper is a functional, reactive web framework for .NET that helps you build modern web apps in F# or C# with powerful UI and type-safe templates.
Leaning Technologies offers tools and expertise to run complex software and legacy apps in your browser using WebAssembly, supporting multiple languages.
Explore Atomic Design principles and learn how to build effective digital design systems for faster, more consistent user interfaces across devices.
Find up-to-date books and courses on the Django Web Framework. Explore resources to learn Django, curated for both beginners and experienced developers.
Explore interactive tutorials and resources on 3D graphics, animation, and web development, including demos and guides for developers and hobbyists.
Partytown is a JavaScript library that moves third-party scripts to web workers, helping your website run faster by freeing up the main thread.
Simple.css is a lightweight CSS framework that helps you make semantic HTML look great with minimal setup—perfect for clean, quick website styling.
Element Plus offers a collection of ready-to-use UI components for Vue 3, helping designers and developers build modern web apps more easily.
Storybook lets you build, test, and document UI components in isolation. It's an open-source tool for frontend teams to streamline development and collaboration.
htmx lets you build modern web interfaces by adding AJAX, WebSockets, and more directly in HTML, all without extra dependencies or heavy frameworks.
ESLint helps you find and fix problems in your JavaScript code with easy-to-use linting tools that improve code quality and consistency.
Next.js is a full-stack web framework for building fast, scalable React applications, offering features like server-side rendering and easy routing.
Lit.dev helps you build fast, simple web components with modern features. Explore documentation, examples, and a supportive developer community.
Foundation is a responsive front-end framework offering HTML, CSS, and JavaScript tools to quickly prototype, build, and customize modern websites.
Explore hands-on HTML5 demos and experiments, plus get detailed info on VPN services to help protect your online privacy and security.
Explore free web development plugins, templates, and tutorials for WordPress and jQuery, all created and shared by a passionate web designer.
Show and interact with 3D models on your website or in AR, using a simple web tool that works across modern browsers. No coding expertise needed.
Explore microformats to add structured data to your web pages, find guides, tools, and community support for building a more data-rich web.
Svelte is a modern web framework that lets you build fast, interactive user interfaces using simple HTML, CSS, and JavaScript—no extra setup required.
Quasar Framework helps you build responsive websites and apps with Vue.js, offering tools to create web, mobile, and desktop apps from one codebase.
Alpine.js lets you add interactive features to your website right in your HTML, offering a simple, modern way to build dynamic web pages.
AMP is a web framework that helps you build fast, user-friendly websites, stories, ads, and emails with easy-to-use web components and helpful guides.
React is a JavaScript library for building user interfaces with reusable components, helping you create dynamic web and native apps easily.
Bulma is a free, open source CSS framework that helps you build responsive web interfaces easily with ready-to-use components and modern design.
Learn how to use RDFa to add structured data to your HTML, making your site more visible to search engines and web services. Resources and guides included.
Brython lets you write and run Python code directly in your web browser, making it easy to use Python for creating interactive web pages.
BEM offers resources, tools, and tutorials for developers to build scalable web interfaces using the BEM methodology. Learn, build, and find libraries.
Qooxdoo is a universal JavaScript framework for building rich, cross-platform single-page applications without needing CSS or HTML coding.
Learn Elm, a functional language for building websites and web apps, with step-by-step guides and practical examples. Explore core concepts and architecture.
Explore a collection of web development projects, tools, and resources created by kangax for developers and enthusiasts interested in JavaScript and the web.
Check if your browser supports WebGL and get troubleshooting help for enabling 3D graphics right in your browser.
RequireJS is a JavaScript module loader that helps you manage dependencies and optimize code loading for faster, more organized web development.
Explore open-source React UI components and tools to speed up your web development, complete with live demos and clear documentation.
Paper.js is an open-source JavaScript framework for creating vector graphics and interactive drawings right in your web browser.
script.aculo.us offers easy-to-use JavaScript libraries for animations, drag and drop, and Ajax features to enhance your website or web app.
Highlight.js lets you easily add syntax highlighting to code on websites or apps, supporting many languages and working with Node.js and the web.
Select2 offers a customizable dropdown UI library for web forms, making it easy to enhance select boxes with search, tagging, and more features.
Easily convert pixel values to rem with a simple online tool. Streamline your CSS workflow and make responsive design more efficient.
Explore a live demo of jsProgressBarHandler, a JavaScript tool for adding customizable progress or percentage bars to your web projects.
Gridlex is a simple CSS grid system based on Flexbox, making it easy to build modern and responsive layouts for web projects quickly.
Try out Dart code instantly in your browser with this online editor, supporting both console and Flutter apps. No installation or setup required.
JSFiddle lets you write, test, and share JavaScript, HTML, and CSS code online—perfect for quick experiments, demos, and collaborative coding.
Emmet is a toolkit plugin for web developers that speeds up HTML and CSS coding in popular text editors, making web development faster and easier.
Ace is a fast, web-based code editor you can embed in your own site or app, offering syntax highlighting and rich features for developers.
FullCalendar is a powerful JavaScript calendar tool that lets you add interactive, customizable event calendars to your web apps or sites.