Explore open source web design tools, stylesheets, and templates to speed up front-end development and prototyping for your projects.
Open source tools for front-end web design
This site is a collection of open source projects focused on web design and front-end development, created by Adam Morse (mrmrs). You’ll find handy stylesheets, templates, and prototyping tools designed to help you build and style web projects more efficiently.
Whether you’re looking for ready-made CSS frameworks, design inspiration, or tools to streamline your workflow, this platform brings together resources that can give your web projects a boost. It’s especially useful for front-end developers and designers who appreciate open source solutions and want to speed up their prototyping and styling process.
You can browse different projects, explore code, and even contribute or connect with the creator through links to GitHub, Dribbble, and Twitter. The site is a friendly hub for anyone interested in modern, efficient front-end design tools.
Discover websites similar to Mrmrs.io based on shared categories, topics, and features.
Redux offers a flexible interface and panel builder for WordPress, helping you customize sites quickly with 49+ field types. Open source and easy to use.
Material Design Lite offers ready-to-use UI components and templates to help you quickly build fast, modern, and mobile-friendly web apps and pages.
REDQ offers high-performance web themes, plugins, templates, and mobile app solutions for businesses and developers seeking creative digital products.
SweetAlert2 offers customizable, accessible popup boxes for JavaScript, making it easy to create beautiful alerts and dialogs for your web projects.
Adorable.io helps you build professional websites with expert guidance, offering web design, development, and digital solutions for your online presence.
Explore open-source React UI components and tools to speed up your web development, complete with live demos and clear documentation.
Explore a curated collection of resources, examples, and tools to help you create and manage front-end style guides and pattern libraries.
Fastly Polyfill delivers only the browser polyfills your site needs, helping web pages run smoothly and efficiently for all visitors.
Select2 offers a customizable dropdown UI library for web forms, making it easy to enhance select boxes with search, tagging, and more features.
Automatically add vendor prefixes to your CSS online for better browser compatibility. Paste your code and get prefixed CSS instantly.
Brackets is a free, open source code editor built for web designers and front-end developers, offering live preview, visual tools, and extension support.
webpack is a module bundler for JavaScript that helps you organize, bundle, and load code efficiently for web development projects.
Hammer.js lets you easily add touch gestures like swipe, pinch, and tap to your website or web app for a smooth mobile-friendly experience.
CodePen is an online code editor and social platform where you can write, test, and share HTML, CSS, and JavaScript projects in your browser.
Babel is a JavaScript compiler that helps you use the latest JavaScript features by converting code for compatibility with older browsers and environments.
CodeSandbox lets you code, collaborate, and prototype projects instantly in the cloud—all from your browser, on any device.
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.
Bulma is a free, open source CSS framework that helps you build responsive web interfaces easily with ready-to-use components and modern design.
Browsersync helps you test websites faster by syncing actions and code changes across devices and browsers. Easily automate and streamline your workflow.
Browse a curated list of open source static site generators for Jamstack projects and discover tools to help you build fast, modern websites.
Create stunning WordPress sliders and interactive visuals with Slider Revolution, a user-friendly tool for building eye-catching websites and designs.
GSAP is a free JavaScript animation library for professionals, offering powerful tools and templates to create smooth, high-performance web animations.
Gatsby is a React-based open source framework for building fast, scalable, and secure websites with modern tools and easy deployment options.
Alokai offers a Frontend as a Service platform that helps businesses and developers quickly build, deploy, and manage scalable e-commerce storefronts.
Speed up your website with tools like instant.page and InstantClick, making pages load instantly for a smoother browsing experience.
Access free, ready-to-use web design tools and resources for personal or commercial projects—no attribution needed.
Get ready-made Material Design UI components for Bootstrap in JavaScript, Angular, React, and Vue to speed up your web development projects.
Create React App helps you start new React projects with a simple setup, but is now deprecated. Visit react.dev for updated tools and resources.
Infragistics offers a complete library of UI components and tools for building modern web, desktop, and mobile apps with responsive design and data visualization.
Create eye-catching jQuery image sliders with drag-and-drop tools, visual effects, and templates—no coding needed. Works on all browsers and devices.
Vercel lets you build, deploy, and scale fast, modern web apps with powerful developer tools, serverless cloud infrastructure, and seamless workflows.
instant.page helps you speed up your website by making pages load instantly, boosting user experience and conversion rates with an easy-to-use tool.
Turn your Figma and design files into working code with AI. Anima helps designers and developers quickly build, refine, and launch web projects.
Browse and download over 2,500 ready-made WordPress themes, plugins, and scripts—easy to install, no coding needed, both free and paid options.
Brainstorm Force offers user-friendly WordPress themes, templates, and tools to help you build, customize, and grow your website with ease.
Understrap is a free, open-source WordPress theme framework that helps you build custom sites using Underscores and Bootstrap. Great for developers.
Bleech is a Berlin-based agency specializing in WordPress development, maintenance, and support, helping you build and optimize your professional website.
GenerateBlocks helps you build flexible WordPress sites using a small set of versatile blocks, making website design simple and efficient.
Create Google AMP pages easily with this free tool—just enter your URL to generate fast, mobile-friendly AMPHTML code. German-language site.
Find Dreamweaver extensions and web tools to quickly build slideshows, menus, audio players, and more for your website projects.
Shiny lets you easily create interactive web apps using R or Python, with tools and guides to help you build, customize, and share your projects online.
TablePress lets you easily create and manage responsive tables on your WordPress site—no coding needed. Build attractive tables in just a few clicks.
Easily add AMP (Accelerated Mobile Pages) support to your WordPress site with this plugin, boosting mobile speed and user experience.
CSSChopper offers agile web development and custom website solutions, helping businesses create modern, responsive sites and online stores tailored to their needs.
WP Media offers tools like WP Rocket and Imagify to help WordPress users speed up their websites and improve performance with easy-to-use plugins.
Kolakube is a WordPress design and development studio offering website enhancements, custom features, and design tweaks for your site.
Create interactive vertical or horizontal timelines for your WordPress site with this easy-to-use plugin—ideal for blogs, portfolios, and stories.
gskinner partners with clients to design and build interactive digital experiences, offering creative solutions for web and app development projects.
Cloud Four creates accessible, responsive websites and progressive web apps, helping businesses build modern web experiences that work on any device.
Common Ninja offers easy-to-use widgets and apps to customize your website, helping you boost engagement and conversions with simple embedding tools.
Create interactive videos, images, and HTML5 designs easily with Google Web Designer—no coding required. Design content that works on any device.
Elfsight offers 90+ ready-to-use website widgets that help you boost sales, engage visitors, and collect leads—no coding skills required.
Master Addons offers 70+ widgets and extensions to enhance your Elementor website, making it easy to build unique landing pages with advanced features.
OpenWidget lets you add free, no-code widgets like chat, forms, and product cards to your website to boost engagement, support, and sales.
Essential Addons for Elementor offers a rich library of customizable elements to enhance your WordPress site using the Elementor page builder.
Metalab partners with top companies to design and build digital products, offering expert interface design and development services.
GSGD designs and develops creative, user-friendly websites and digital solutions for small and medium businesses looking to grow online.
Build websites easily with free tools and a WordPress toolkit for both developers and regular users. Explore simple solutions and creative features.
Aloha Editor is an HTML5 web editor that lets you design and edit website content right on the page, including text, images, videos, and animations.