TypeScript Webpack

Open-source TypeScript projects categorized as Webpack | Edit details

Top 23 TypeScript Webpack Projects

  • storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: Show HN: A Visual IDE for React | news.ycombinator.com | 2022-05-13
  • ngx-admin

    Customizable admin dashboard template based on Angular 10+

    Project mention: Angular projects to read code | reddit.com/r/angular | 2022-03-04
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-starter-kit

    React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture

    Project mention: React Starter Kit and Material UI: userAgent should be supplied in the muiTheme context for server-side rendering | reddit.com/r/codehunter | 2022-05-02

    With the React Starter Kit, I add Material UI as follows:

  • electron-react-boilerplate

    A Foundation for Scalable Cross-Platform Apps

    Project mention: Boilerplates For ReactJS | reddit.com/r/reactjs | 2022-05-05

    React Electron Boilerplate

  • svgr

    Transform SVGs into React components 🦁

    Project mention: External SVGs that you can style | dev.to | 2022-04-11
  • nebular

    :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

    Project mention: The Ultimate Angular Resources🛠 For Developers👨‍💻 | dev.to | 2021-12-27

    Nebular - set of essential (Theme, UI Kit, AUTH, Security) modules for complex Angular applications

  • CSS Layout

    A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

    Project mention: Is there a name for this method/technique? New to web dev and want to implement it on my portfolio. Sorry if it's a dumb question. | reddit.com/r/webdev | 2022-04-26

    And a collection of popular layouts made with CSS here: https://csslayout.io/

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • angular-electron

    Ultra-fast bootstrapping with Angular and Electron :speedboat:

    Project mention: UI Kit for ElectronJS Desktop App | reddit.com/r/electronjs | 2021-11-24

    I like Angular for a UI

  • vue-loader

    📦 Webpack loader for Vue.js components

    Project mention: Creating Custom Element from SFC that also imports the SFC's styles | reddit.com/r/vuejs | 2021-11-17

    I am would like to have the added benefits of the encapsulated ShadowDOM on a Custom element, but would also like the versatility of keeping my SFCs as SFCs so that I can use them and any content placed in their slots as I normally would, without having to take the added encapsulation of the Shadow DOM into consideration if possible. Another developer had previously mentioned wanting an easy way to import styles from a SFC into a Custom element in this post, and Evan You replied that it is possible, but I was unable to find an example of it being done.

  • after.js

    Next.js-like framework for server-rendered React apps built with React Router

  • esbuild-loader

    ⚡️ Speed up your Webpack build with esbuild

    Project mention: Create React App | reddit.com/r/reactjs | 2022-05-16

    i see. there are a loaders like https://github.com/privatenumber/esbuild-loader that works with webpack but i haven't given it a try yet.

  • webpack-merge

    Merge designed for webpack

  • expo-cli

    Tools for creating, running, and deploying universal Expo and React Native apps

    Project mention: WARNING ITMS-90901: "Missing full-screen support for the latest iPad mini display | reddit.com/r/reactnative | 2022-01-10

    Can you open an issue here with a minimal repro: https://github.com/expo/expo-cli/issues

  • webpackbar

    Elegant ProgressBar and Profiler for Webpack 3 , 4 and 5

  • clean-webpack-plugin

    A webpack plugin to remove your build folder(s) before building

    Project mention: TypeError: CleanwebpackPlugin is not a constructor | reddit.com/r/codehunter | 2022-04-22

    throw new Error(`clean-webpack-plugin only accepts an options object. See: ^Error: clean-webpack-plugin only accepts an options object. See: https://github.com/johnagan/clean-webpack-plugin#options-and-defaults-optional at new CleanWebpackPlugin (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\clean-webpack-plugin\dist\clean-webpack-plugin.js:27:13) at module.exports (C:\Users\Eson\Desktop\pwa-vue-app-1\webpack.config.js:56:5) at handleFunction (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\prepareOptions.js:21:13) at prepareOptions (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\prepareOptions.js:9:5) at requireConfig (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\convert-argv.js:119:14) at C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\convert-argv.js:125:17 at Array.forEach () at module.exports (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\convert-argv.js:123:15) at Object. (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-dev-server\bin\webpack-dev-server.js:79:40) at Module.\_compile (internal/modules/cjs/loader.js:776:30) at Object.Module.\_extensions..js (internal/modules/cjs/loader.js:787:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module.\_load (internal/modules/cjs/loader.js:585:3) at Function.Module.runMain (internal/modules/cjs/loader.js:829:12) at startup (internal/bootstrap/node.js:283:19) if i delete line 56 in webpack.config.js i can run the web application without problems, but i want to understand the source of this issue

  • reactn

    React, but with built-in global state management.

    Project mention: State Management Recommendation - Working with APIs | reddit.com/r/reactnative | 2022-01-15

    I myself started a few years ago using ReactN which intends to implement global state management in a similar way like the local state in react works. But since this is a monolithic store too I recently switched to (the very unknown) React Capsule which is from the same dev, extremely lightweight, similar to recoil and intends to use encapsulated state which can be used either in plain JS, in class components, as well as in function components.

  • fork-ts-checker-webpack-plugin

    Webpack plugin that runs typescript type checker on a separate process.

    Project mention: Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust! | reddit.com/r/rust | 2022-01-12

    I work on a TypeScript project of similar size and complexity, and ours does not take even nearly that long to compile on save. Have you tried fork-ts-checker-webpack-plugin? We had compile times similar to yours until we started using it. Went from >60s to <1s builds in development. It's very simple to set up.

  • compiled

    A familiar and performant compile time CSS-in-JS library for React.

    Project mention: How common is using styled components? | reddit.com/r/reactjs | 2022-05-02

    Link: https://compiledcssinjs.com/

  • unplugin-icons

    🤹 Access thousands of icons as components on-demand universally.

    Project mention: How to make an icon picker component with lazy loading? | reddit.com/r/vuejs | 2022-05-10

    Dont load every icon at once, and maybe look at https://github.com/antfu/unplugin-icons or one of the projects its based on.

  • braid-design-system

    Themeable design system for the SEEK Group

    Project mention: 5 React.js UI Component libraries. | dev.to | 2021-08-11

    Braid Design System

  • mailgo

    💌 mailgo, a new concept of mailto and tel links

    Project mention: MailGo – a new concept of mailto: and tel: links | news.ycombinator.com | 2022-03-03
  • angular-builders

    Angular build facade extensions (Jest and custom webpack configuration)

    Project mention: ionic app doesn't recognize my change to NODE_ENV | reddit.com/r/ionic | 2021-11-29

    I already did it using Angular custom webpack and a custom build script I included in my angular.json file. You can just read the system env variables from the parameters provided by webpack and insert them using the webpack.DefinePlugin().

  • ts-monorepo

    Template for setting up a TypeScript monorepo

    Project mention: Monorepo with Yarn Workspaces + TS + Docker Templates | reddit.com/r/typescript | 2022-03-12

    Here is one I liked that is very basic, although I removed lerna from it personally. Shows examples of package sharing and a bunch of popular libraries. Next not nuxt but you get the idea. https://github.com/NiGhTTraX/ts-monorepo

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). The latest post mention was on 2022-05-16.

TypeScript Webpack related posts


What are some of the best open-source Webpack projects in TypeScript? This list will help you:

Project Stars
1 storybook 70,847
2 ngx-admin 23,603
3 react-starter-kit 21,183
4 electron-react-boilerplate 19,564
5 svgr 8,690
6 nebular 7,535
7 CSS Layout 5,775
8 angular-electron 5,081
9 vue-loader 4,820
10 after.js 4,083
11 esbuild-loader 2,859
12 webpack-merge 2,533
13 expo-cli 2,184
14 webpackbar 1,953
15 clean-webpack-plugin 1,916
16 reactn 1,913
17 fork-ts-checker-webpack-plugin 1,642
18 compiled 1,613
19 unplugin-icons 1,441
20 braid-design-system 1,213
21 mailgo 1,018
22 angular-builders 987
23 ts-monorepo 958
Find remote jobs at our new job board 99remotejobs.com. There are 9 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.