Issue #135

Hello JavaScript fans, happy new year 2021 to all of you!

Our first newsletter of the year is about Twind, a library to integrate easily Tailwin CSS in any web application built with frameworks such as React, Vue or Svelte.

Tailwind CSS is a “utility-first” CSS framework that provides naming conventions to let developers style pages and components by composing class names.

According to the State of CSS beautiful report, it’s the CSS framework that has the highest ratio of satisfaction among the developers who made the survey.

Back to Twind, the main difference with using TailwindCSS directly is that you don’t have to process the class names at build time using PostCSS, the CSS code is generated at run time.

It works by providing a function tw() that lets developers handle class names easily using an intuitive syntax.

One more thing: next week, our annual Rising Stars will come back… I hope it makes you as excited as I am!

Growing Fast This Week

By % of GitHub stars added (relative growth) this week
1
Twind
Twind
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
GitHub
+20.7%
2
Handtrack.js
Handtrack.js
A library for prototyping realtime hand detection (bounding box), directly in the browser.
Homepage
+14.7%
3
graphqurl
graphqurl
curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.
GitHub
+13.0%
4
xstyled
xstyled
A utility-first CSS-in-JS framework built for React. ️
Homepage
+9.9%
5
Vite
Vite
Next generation frontend tooling. It's fast!
Homepage
+5.8%
6
PeerJS
PeerJS
Simple peer-to-peer with WebRTC
Homepage
+4.0%
7
css.gg
css.gg
700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
Homepage
+3.5%
8
Diagram Maker
Diagram Maker
A library to display an interactive editor for any graph-like data.
Homepage
+3.0%
9
Twin
Twin
Blends the magic of Tailwind with the flexibility of css-in-js
GitHub
+2.9%
10
n8n
n8n
Free and open fair-code licensed node based Workflow Automation Tool. Easily automate tasks across different services.
Homepage
+2.9%

New Faces on Best of JS

Projects recently added on Best of JS
Element Plus
Element Plus
A Vue.js 3.0 UI Library made by Element team
Homepage7.5 k
dnd kit
dnd kit
A modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Homepage901
Twind
Twind
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
GitHub514

Trending This Week

By number of GitHub stars added this week
1
JS Algorithms & Data Structures
JS Algorithms & Data Structures
Algorithms and data structures implemented in JavaScript with explanations and links to further readings
GitHub
+1.1 k
2
Vite
Vite
Next generation frontend tooling. It's fast!
Homepage
+819
3
Clean Code
Clean Code
Clean Code concepts adapted for JavaScript
GitHub
+777
4
Next.js
Next.js
The React Framework
Homepage
+571
5
33 JS Concepts
33 JS Concepts
33 concepts every JavaScript developer should know.
GitHub
+564
6
Tech Interview Handbook
Tech Interview Handbook
Materials to help you rock your next coding interview
Homepage
+541
7
Tailwind CSS
Tailwind CSS
A utility-first CSS framework for rapid UI development.
Homepage
+414
8
Storybook
Storybook
The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more!
Homepage
+409
9
React Query
React Query
Hooks for fetching, caching and updating asynchronous data in React
Homepage
+380
10
Nest
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8)
Homepage
+378

Any question or feedback? Reach us on GitHub.

Best of JavaScript is a project created by Michael Rambeau, in Osaka, Japan.