Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free. Learn more →
Top 23 JavaScript babel-plugin Projects
-
Project mention: Exploring Pigment CSS, a zero-runtime CSS-in-JS library by MUI | dev.to | 2024-07-03
The most popular CSS-in-JS libraries are styled-components and Emotion. MUI, a React component library, recently released a promising, zero-runtime CSS-in-JS library called Pigment CSS. This article will explore the features and benefits of Pigment CSS, offering a comparison to styled-components and Emotion based on performance, features, developer experience, and community support.
-
Nutrient
Nutrient - The #1 PDF SDK Library. Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.
-
react-loadable
:hourglass_flowing_sand: A higher order component for loading components with promises.
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
Project mention: I've been writing web backends and frontends since the 90s. Finally: declarative, dynamic markup done right | dev.to | 2024-06-05Because AI-UI is a JavaScript module, you specify the layout as a series of function calls. However, it also fully supports JSX and htm, so you can use a more familiar markup at the cost of the loss of some type safety. There's more about these choices in the AI-UI guide here.
-
-
babel-plugin-react-css-modules
Transforms styleName to className using compile time CSS module resolution.
-
-
babel-plugin-styled-components
Improve the debugging experience and add server-side rendering support to styled-components
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
Project mention: Node.js PrePrcoessor – Extend Node.js to support macros/utility functions | news.ycombinator.com | 2024-08-23
You should look into how this is done at scale with something like Babel.
Babel parses JS into a AST (abstract syntax tree) and then lets you react to specific pieces of code.
Here is an example of the power of a tool like Babel: https://github.com/christina-de-martinez/babel-plugin-glowup...
-
babel-plugin-transform-react-remove-prop-types
Remove unnecessary React propTypes from the production build. :balloon:
-
react-native-dotenv
Load react native environment variables using import statements for multiple env files.
-
-
putout
🐊 Pluggable and configurable JavaScript Linter, code transformer and formatter, drop-in ESLint superpower replacement 💪 with built-in support for js, jsx, typescript, markdown, yaml and json. Write declarative codemods in a simplest possible way 😏
-
https://github.com/ChromeDevTools/awesome-chrome-devtools#ch...
DAP: Debug Adapter Protocol > Implementations: https://microsoft.github.io/debug-adapter-protocol/implement... :
- https://github.com/microsoft/vscode-js-debug :
> This is a DAP-based JavaScript debugger. It debugs Node.js, Chrome, Edge, WebView2, VS Code extensions, and more. It has been the default JavaScript debugger in Visual Studio Code since 1.46, and is gradually rolling out in Visual Studio proper.
- https://github.com/awto/effectfuljs/tree/main/packages/vscod... :
> EffectfulJS Debugger
-
-
-
-
babel-plugin-transform-typescript-metadata
Babel plugin to emit decorator metadata like typescript compiler
-
Project mention: Proposal: Signals as a Built-In Primitive of JavaScript | news.ycombinator.com | 2024-03-31
I have to admit: you're perfectly right here. React of course always relied on mutable state in it's implementation – just so we don't have to. I derailed a lot here to keep this funny thread going ;) I'm still not with you on your definition of "functional", since you treated it synonymously with "purely functional". Functional means just made by applying and composing functions, and react UI is created exactly like that. There is an awesome algebraic effects proposal[1], which will hopefully will be added to JavaScript one day, then react will make use of it to become purely functional.
1: https://github.com/macabeus/js-proposal-algebraic-effects
-
babel-plugin-react-html-attrs
Babel plugin which transforms HTML and SVG attributes on JSX host elements into React-compatible attributes
-
-
babel-plugin-solid-undestructure
A Babel plugin for SolidJS that allows you to destructure component props without losing reactivity.
-
-
babel-plugin-proposal-pattern-matching
the minimal grammar, high performance JavaScript pattern matching implementation
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript babel-plugin discussion
JavaScript babel-plugin related posts
-
I've been writing web backends and frontends since the 90s. Finally: declarative, dynamic markup done right
-
Ask HN: How do you use React as a library in 2024?
-
Five Syntax Highlighting Plugins for NextJS that aren't Terrible 🎨
-
React SSR web-server from scratch
-
Gaseous - Yet Another Games Manager
-
Create and Hydrate HTML with HTM
-
How do i get PrismJS working with phoenix?
-
A note from our sponsor - Nutrient
nutrient.io | 15 Mar 2025
Index
What are some of the best open-source babel-plugin projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | emotion | 17,662 |
| 2 | react-loadable | 16,603 |
| 3 | htm | 8,769 |
| 4 | babel-plugin-macros | 2,631 |
| 5 | babel-plugin-react-css-modules | 2,047 |
| 6 | jsx-control-statements | 1,617 |
| 7 | babel-plugin-styled-components | 1,075 |
| 8 | babel-plugin-glowup-vibes | 987 |
| 9 | babel-plugin-transform-react-remove-prop-types | 895 |
| 10 | react-native-dotenv | 827 |
| 11 | flow-runtime | 800 |
| 12 | putout | 734 |
| 13 | effectfuljs | 337 |
| 14 | babel-plugin-tailwind-components | 332 |
| 15 | babel-plugin-console | 295 |
| 16 | babel-plugin-angularjs-annotate | 240 |
| 17 | babel-plugin-transform-typescript-metadata | 218 |
| 18 | js-proposal-algebraic-effects | 177 |
| 19 | babel-plugin-react-html-attrs | 177 |
| 20 | babel-plugin-prismjs | 157 |
| 21 | babel-plugin-solid-undestructure | 99 |
| 22 | Next.js-Strapi-Blog | 56 |
| 23 | babel-plugin-proposal-pattern-matching | 49 |
Sponsored
Nutrient - The #1 PDF SDK Library
Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.
nutrient.io