Webpack is a JavaScript module bundler that enables you to keep your JavaScript files small and focused. In its simplest form Webpack will then bundle them all into one minified JS file which can be included in your website or application.
Facebook's popular library includes a virtual DOM and optional JSX syntax. Its reusable components are designed to to help anyone building large, dynamic web apps.
Vue is a progressive JavaScript framework. It can be easily integrated into an already existing app and used in one small part if needed. Equally, it can be used to build full single page apps. The framework is approachable and the basics can be easily grasped.
React is a JavaScript framework for building interactive user interfaces. The framework is developed and used by Facebook in all of its apps and websites. React aims to provide speed, simplicity and scalability for any project by providing a component based library.
Svelte is a component-based JavaScript framework, much like React, Angular and Vue but with a difference. Svelte compiles your code into vanilla JavaScript at build time – not at runtime like the others – which means no framework abstractions or lengthy load times, generating fast and performant apps.
A small JavaScript library to help you build voice-controlled interfaces. It has a really nice API that's easy to use. After including the library, you define your commands along with the behaviour in response to those commands.
Get top Black Friday deals sent straight to your inbox: Sign up now!
We curate the best offers on creative kit and give our expert recommendations to save you time this Black Friday. Upgrade your setup for less with Creative Bloq.
Add search, sort, filters and flexibility to HTML lists and tables with List.js
This is a fast and powerful way to create search, sort and filter functionality for lists, tables or just about any type of grouped content. All you need is some HTML and a few lines of JavaScript.
KnockoutJS is a small and lightweight JavaScript framework — weighing in at just 59kB. It enables developers to create simple data binding for interactions with automatic UI refreshing. The KnockoutJS website also includes a really nice interactive tutorial, which can help you get started.
Preact is a JavaScript framework that touts itself as the 'Fast 3kB alternative to React with the same modern API'. Its small size makes it quick to download, parse and execute your application. Geared towards performance and with a handy 'Switching to Preact (from React)' tutorial on the Preact website.
If you’re like me and can't stand the thought of writing regular expressions from scratch, this is the library for you. It's a plain-English way to write regex, and since the return value compiles to the actual expression, it can be a great way to learn, too.
If you want to make sure that your JavaScript is error-free, ESLint is an essential and versatile linting tool that you'll want to keep within reach. It comes with built-in rules enabling you to get started straight away, but its real power lies in the fact that its rules are completely pluggable, enabling you to create and dynamically load the rules that you need at any time.
This is just one of the many available JavaScript charting libraries, but it's certainly one of the nicest. There are six HTML5 canvas-based chart types, and all charts are responsive, modular and interactive. The library is small and dependency-free.
This is an embeddable rich text editor supported in all modern browsers, as well as IE 9 onwards and mobile. It offers powerful customisation options through a clean API.
Awesomeplete is Lea Verou's easy-to-use form input autocomplete widget. I love that it can be used with just HTML and the library, without any extra lines of JavaScript. On top of that, it offers advanced customisation options through built-in events and methods.
You’ve no doubt heard of ZURB's Foundation framework. This is a separate project specifically designed for building responsive web apps. It's based on AngularJS, but doesn't require advanced knowledge of Angular.
UIkit's a plucky young competitor in the frameworks hood
While Bootstrap and Foundation are the clear winners in terms of popularity in the framework space, UIkit is worth checking out. Its core features and interface components are right up there with the big kids on the block.
PostCSS is a toolkit of JavaScript plugins that helps you take advantage of the latest standards and conveniences in CSS development. There are plugins for linting CSS, working with variables and mixins, transpiling future CSS syntax and more. It’s well worth looking into.
Next page: more free web design tools...
Thank you for reading 5 articles this month* Join now for unlimited access
Louis is an author, speaker and frontend developer who’s been involved in the web development industry since 2000. He curates the popular newsletter Web Tools Weekly and blogs about code at Impressive Webs.
