Number one this week, Nanopop is a “positioning engine”: it computes the position of floating elements in a web page. It can be used to display a dropdown menu or a tooltip for example.
One of the most popular solutions in this category is Popper.js, it’s a dependency of famous projects such as Bootstrap, Material UI or Chakra UI.
Nanopop claims to be solution with a smaller footprint (less than 1 kB g-zipped). Being at a lower level, it has less features but it’s easier to customize to fit your needs.
The author has two other projects on Best of JavaScript including a nice color picker called Pickr. Under the hood it uses Nanopop as its positioning engine.
Growing Fast This Week
1 |  | Nanopop Ultra Tiny, Opinionated Positioning Engine | Homepage | +169.0% |
2 |  | new.css A classless CSS framework to write modern websites using only HTML. | Homepage | +14.1% |
3 |  | Recoil An experimental state management library for React apps | Homepage | +14.0% |
4 |  | Snowpack A faster dev environment for modern web apps. | Homepage | +13.3% |
5 |  | Vite An opinionated web dev build tool | GitHub | +10.8% |
6 |  | Web Vitals Essential metrics for a healthy site. | Homepage | +8.0% |
7 |  | Vue Formulate The easiest way to build forms with Vue. | Homepage | +6.7% |
8 |  | React Query Hooks for fetching, caching and updating asynchronous data in React | GitHub | +3.8% |
9 |  | Prisma Modern DB toolkit to query, migrate and model your database | Homepage | +3.4% |
10 |  | Redwood Bringing full-stack to the Jamstack | Homepage | +3.3% |
Trending This Week
1 |  | Deno A secure JavaScript and TypeScript runtime | Homepage | +1.7 k★ |
2 |  | JS Algorithms & Data Structures Algorithms and data structures implemented in JavaScript with explanations ... | GitHub | +1.6 k★ |
3 |  | Node.js Best Practices The Node.js best practices list (May 2020) | GitHub | +1.3 k★ |
4 |  | Front-End Checklist The perfect Front-End Checklist for modern websites | Homepage | +1.1 k★ |
5 | | Snowpack A faster dev environment for modern web apps. | Homepage | +1.0 k★ |
6 |  | You Don't Know JS A book series on JavaScript | GitHub | +787 ★ |
7 | | Recoil An experimental state management library for React apps | Homepage | +736 ★ |
8 |  | Airbnb Style Guide JavaScript Style Guide | GitHub | +660 ★ |
9 | | Vite An opinionated web dev build tool | GitHub | +545 ★ |
10 |  | Storybook UI component dev & test: React, Vue, Angular, React Native, Ember... | Homepage | +495 ★ |
Any question or feedback? Reach us on GitHub.
Best of JavaScript is a project created by Michael Rambeau, made in Osaka, Japan.