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
1 |  | Twind The smallest, fastest, most feature complete Tailwind-in-JS solution in existence. | GitHub | +20.7% |
2 |  | Handtrack.js A library for prototyping realtime hand detection (bounding box), directly in the browser. | Homepage | +14.7% |
3 |  | graphqurl curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client. | GitHub | +13.0% |
4 |  | xstyled A utility-first CSS-in-JS framework built for React. ️ | Homepage | +9.9% |
5 |  | Vite Next generation frontend tooling. It's fast! | Homepage | +5.8% |
6 |  | PeerJS Simple peer-to-peer with WebRTC | Homepage | +4.0% |
7 |  | css.gg 700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API | Homepage | +3.5% |
8 |  | Diagram Maker A library to display an interactive editor for any graph-like data. | Homepage | +3.0% |
9 |  | Twin Blends the magic of Tailwind with the flexibility of css-in-js | GitHub | +2.9% |
10 |  | 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
 | Element Plus A Vue.js 3.0 UI Library made by Element team | Homepage | 7.5 k★ |
 | dnd kit A modern, lightweight, performant, accessible and extensible drag & drop toolkit for React. | Homepage | 901 ★ |
| Twind The smallest, fastest, most feature complete Tailwind-in-JS solution in existence. | GitHub | 514 ★ |
Trending This Week
1 |  | JS Algorithms & Data Structures Algorithms and data structures implemented in JavaScript with explanations and links to further readings | GitHub | +1.1 k★ |
2 | | Vite Next generation frontend tooling. It's fast! | Homepage | +819 ★ |
3 |  | Clean Code Clean Code concepts adapted for JavaScript | GitHub | +777 ★ |
4 |  | Next.js The React Framework | Homepage | +571 ★ |
5 |  | 33 JS Concepts 33 concepts every JavaScript developer should know. | GitHub | +564 ★ |
6 |  | Tech Interview Handbook Materials to help you rock your next coding interview | Homepage | +541 ★ |
7 |  | Tailwind CSS A utility-first CSS framework for rapid UI development. | Homepage | +414 ★ |
8 |  | Storybook The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more! | Homepage | +409 ★ |
9 |  | React Query Hooks for fetching, caching and updating asynchronous data in React | Homepage | +380 ★ |
10 |  | 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, made in Osaka, Japan.