Explore interactive front-end web development demos, code generators, and helpful tools for developers, all open source and easy to try online.
Try live web development demos and tools
blueimp.github.io is a collection of open source, interactive web development tools and demos. You can experiment with live code generators, front-end components, and useful utilities right in your browser, making it easy to learn and build new projects.
The site is especially helpful for developers looking for practical examples, reusable code snippets, or ready-made solutions for common front-end tasks. Whether you want to test a file uploader, image gallery, or other UI elements, you’ll find clear demos and links to source code for deeper exploration.
It’s a great resource if you’re learning to code, need inspiration for your own projects, or just want to quickly try out front-end features before integrating them into your workflow.
Discover websites similar to Blueimp.github.io based on shared categories, topics, and features.
Babel is a JavaScript compiler that helps you use the latest JavaScript features by converting code for compatibility with older browsers and environments.
Explore a curated collection of resources, examples, and tools to help you create and manage front-end style guides and pattern libraries.
Yeoman helps you kickstart modern web apps with hundreds of generators for popular frameworks like Angular, React, and more. Build projects faster and easier.
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.
Automatically add vendor prefixes to your CSS online for better browser compatibility. Paste your code and get prefixed CSS instantly.
esbuild is a super-fast JavaScript and CSS bundler for web projects, helping developers build and bundle code efficiently for modern web development.
Run PHP code instantly in your browser with support for 400+ PHP versions—no installation needed. Test, share, and experiment with PHP online.
Explore a collection of free, MIT-licensed development projects and tools created by Ken Wheeler for developers to use, learn from, or contribute to.
Fable is a compiler that lets you write F# code and turn it into JavaScript, making it easy to use F# in modern web development projects.
Learn web development with short, expert-led video lessons focused on front-end tools and skills for developers and teams. No lengthy lectures, just results.
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.
Brackets is a free, open source code editor built for web designers and front-end developers, offering live preview, visual tools, and extension support.
CodePen is an online code editor and social platform where you can write, test, and share HTML, CSS, and JavaScript projects in your browser.
CodeSandbox lets you code, collaborate, and prototype projects instantly in the cloud—all from your browser, on any device.
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.
FullCalendar is a powerful JavaScript calendar tool that lets you add interactive, customizable event calendars to your web apps or sites.
Preview HTML files from GitHub or Bitbucket directly in your browser without downloading or cloning the repository. Simple and instant HTML rendering.
Stylus is a dynamic CSS preprocessor for Node.js that helps you write expressive, robust stylesheets with advanced features and flexible syntax.
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.
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.
Quickly minify your JavaScript and CSS code online or use the tool in your project to reduce file size and improve website performance.
Create complex queries and filters easily with this jQuery plugin, offering a user-friendly interface for building custom search or filter rules.
Angular CLI lets you quickly create, develop, test, and deploy Angular web apps from the command line, making modern app development easier and faster.
Turn your Figma and design files into working code with AI. Anima helps designers and developers quickly build, refine, and launch web projects.
MathWorks offers MATLAB and Simulink for data analysis, AI, and engineering, with tools, tutorials, and community support for learning and development.
PostCSS lets you transform and enhance your CSS using JavaScript plugins for auto-prefixing, next-gen syntax, linting, and custom workflows.
p5.js is a free, open-source platform that helps you learn coding and create art with JavaScript, welcoming artists, beginners, and educators alike.
Explore web development books, tutorials, and online courses by Ben Frain. Learn new coding skills through blog posts, videos, and practical resources.
Browse and use pre-built Material Design UI components for building responsive and accessible Angular web apps on desktop and mobile.
Check if HTML, CSS, and web features are supported across browsers. Quickly see compatibility tables to help you build websites that work everywhere.
PhantomJS is a scriptable, headless web browser for automating website testing and page interaction without a graphical user interface.
Ant Design offers a comprehensive React UI component library and design system, helping you build beautiful, enterprise-grade web apps with ease.
Svelte is a modern web framework that lets you build fast, interactive user interfaces using simple HTML, CSS, and JavaScript—no extra setup required.
TinyMCE offers a powerful WYSIWYG HTML editor for seamless rich text editing, with AI tools and easy integration for web development projects.
Fancyapps UI offers a robust JavaScript UI component library with ready-to-use, customizable tools to help developers build modern, feature-rich interfaces.
Browse and use XDSoft's UI components, including the Jodit PRO WYSIWYG editor, for building user-friendly web interfaces and editing content easily.
Quasar Framework helps you build responsive websites and apps with Vue.js, offering tools to create web, mobile, and desktop apps from one codebase.
Discover web tools, scripts, and JavaScript libraries for creative web development projects. Explore demos and resources by Christian Effenberger.
Paper.js is an open-source JavaScript framework for creating vector graphics and interactive drawings right in your web browser.
Explore interactive Blockly code demos and samples to learn how you can add drag-and-drop coding features to your own apps and projects.
Explore MMIX resources, documentation, and tools for learning, programming, and simulating Donald Knuth's educational RISC computer architecture.
Find scripts, tutorials, and tools for learning and developing desktop, web, and mobile apps with JavaScript, PHP, C++, and more.
Easily convert pixel values to rem with a simple online tool. Streamline your CSS workflow and make responsive design more efficient.
jQuery Mobile is a touch-optimized web framework that helps you create responsive, mobile-friendly websites and apps using HTML, CSS, and JavaScript.
htmx lets you build modern web interfaces by adding AJAX, WebSockets, and more directly in HTML, all without extra dependencies or heavy frameworks.
Biome is a fast toolchain for web projects that formats and lints JavaScript, TypeScript, CSS, and more to save developers time and boost code quality.
Rollup helps you bundle JavaScript modules into optimized files for faster, more efficient websites and apps. Simple setup for modern web projects.
Explore a live demo of jsProgressBarHandler, a JavaScript tool for adding customizable progress or percentage bars to your web projects.
Vitest is a fast, next-generation test automation tool that works with Vite to help developers run and manage tests easily in modern JavaScript projects.
Preact is a fast, lightweight JavaScript web framework that offers a React-like API, helping you build modern user interfaces with minimal code.
Calculate modular scales for typography and design with this easy-to-use online tool. Adjust ratios and see results instantly for your next project.
AnyChart offers a JavaScript charting library for creating interactive charts and maps, easily integrated into web, desktop, and mobile apps.
Alpine.js lets you add interactive features to your website right in your HTML, offering a simple, modern way to build dynamic web pages.
Shoelace offers a modern library of customizable web components you can add to any project, making UI development easier for developers and designers.
Qooxdoo is a universal JavaScript framework for building rich, cross-platform single-page applications without needing CSS or HTML coding.
Vanilla JS offers a lightweight web framework that helps you build intuitive, efficient websites without extra libraries or unnecessary complexity.
Responsinator lets you quickly preview how your website looks on popular devices, helping you test responsive designs and improve user experience.