vscode-webview-ui-toolkit
awesome-web-components
vscode-webview-ui-toolkit | awesome-web-components | |
---|---|---|
6 | 2 | |
1,913 | 2,688 | |
2.0% | - | |
6.7 | 4.6 | |
13 days ago | about 1 month ago | |
TypeScript | ||
MIT License | Creative Commons Zero v1.0 Universal |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vscode-webview-ui-toolkit
-
vscode-webview-ui-toolkit VS vscode-webview-elements - a user suggested alternative
2 projects | 4 Dec 2023
-
Use web components for what they’re good at
Visual Studio Code has a set of web components designed for writing custom extension UIs that fit with the core VSCode UI - https://github.com/microsoft/vscode-webview-ui-toolkit - and explicitly mentions that being usable in multiple frameworks is one of the reasons for choosing web components as an implementation tech.
It ships React components that act as adaptors for them out of the box.
-
Nx Console gets Lit
In VSCode, this is very easy to achieve, thanks to the VSCode Webview UI Toolkit. It’s a set of web components, provided by Microsoft, that are designed to look good and be used in VSCode webviews.
- Webview UI Toolkit for Visual Studio Code (V1 Released)
-
VSCode Extensions New Project Release 0.1.0
This problem was a bit complicated earlier, but with the release of the official vscode ui library vscode-webview-ui-toolkit, and the recent release of the default integration with react, the problem has become much simpler -- not perfect, of course.
-
Highlights from VSCode 1.61
Webview UI Toolkit repo
awesome-web-components
-
Use web components for what they’re good at
GitHub is one:
https://github.com/github/details-dialog-element
There should be others here:
https://github.com/web-padawan/awesome-web-components#compon...
-
25+ awesome-repo for Frontend Developers
webcomponents-the-right-way - Web Components a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
What are some alternatives?
fast - The adaptive interface system for modern web experiences.
awesome-tailwindcss - 😎 Awesome things related to Tailwind CSS
react-virtuoso - The most powerful virtual list component for React
awesome-react-native - Awesome React Native components, news, tools, and learning material!
Visual Studio Code - Visual Studio Code
awesome - A curated list of awesome things related to Nuxt.js
clarity - Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
awesome-angular-components - Catalog of Angular 2+ Components & Libraries
dev - Development repository for the CodeMirror editor project
awesome-sass - 🎨 Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.
dev - Press the . key on any repo
awesome-postcss - A curate list about PostCSS