Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source) Learn more →
A visual overview of useful skills to learn as a web developer
Web component extensions to the standard <time> element.
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
Maintain an open standard for UI and promote its adherence and adoption.
GitHub's Web Component collection.
Open Web Components: guides, tools and libraries for developing web components.Project mention: Testing Web Components with @web/test-runner | dev.to | 2023-03-16
npm init @[email protected] Need to install the following packages: @open-wc/[email protected] Ok to proceed? (y) y _.,,,,,,,,,._ .d'' ``b. Open Web Components Recommendations .p' Open `q. .d' Web Components `b. Start or upgrade your web component project with .d' `b. ease. All our recommendations at your fingertips. :: ................. :: `p. .q' `p. open-wc.org .q' `b. @openWc .d' `q.. ..,' See more details at https://open-wc.org/init/ '',,,,,,,,,,'' Note: you can exit any time with Ctrl+C or Esc ✔ What would you like to do today? › Scaffold a new project ✔ What would you like to scaffold? › Web Component ✔ What would you like to add? › Testing (web-test-runner) ✔ Would you like to use typescript? › Yes ✔ What is the tag name of your web component? … testing-components ./ ├── testing-components/ │ ├── .vscode/ │ │ └── extensions.json │ ├── demo/ │ │ └── index.html │ ├── src/ │ │ ├── index.ts │ │ ├── testing-components.ts │ │ └── TestingComponents.ts │ ├── test/ │ │ └── testing-components.test.ts │ ├── .editorconfig │ ├── .gitignore │ ├── LICENSE │ ├── package.json │ ├── README.md │ ├── tsconfig.json │ ├── web-dev-server.config.mjs │ └── web-test-runner.config.mjs ✔ Do you want to write this file structure to disk? › Yes Writing..... done ✔ Do you want to install dependencies? › Yes, with npm
Vue Custom Element - Web Components' Custom Elements for Vue.js
Fundamental white label web component features for your design system.Project mention: Recommendation Needed: WebComponent UI Library | reddit.com/r/WebComponents | 2023-03-29
You wanna have look at lion
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!
Microsoft Fluent UI Blazor components library. For use with .NET 6.0 or higher Blazor applicationsProject mention: microsoft/fast-blazor 2.0: Blazor component library for FluentUI. Microsoft's official wrapper around the FluentUI Web Components | reddit.com/r/Blazor | 2023-02-09
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:Project mention: How to quickly Add Dark Mode to your web app in just 3 steps | dev.to | 2022-08-01
In this post, we are going to learn quick implementation of the dark mode using dark-mode-toggle in our web apps.
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
A lightweight emoji picker for the modern web
diffHTML is a web framework that helps you build applications and other interactive content
Mount React components to the DOM using custom elementsProject mention: Is there a plugin that abstracts registering web components with React? | reddit.com/r/reactjs | 2023-03-24
My favorite from when I looked into this a few months ago is called Remount: https://github.com/rstacruz/remount/
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
A client-side includes tag.
VueJS + NodeJS Evergreen Cookbook (by ais-one)
Powerful building blocks for React-based web applications
FicusJS is a set of lightweight functions for developing applications using web components
Copy element text content or input values to the clipboard.
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+Project mention: Creating Custom Component for NPS Feedback | dev.to | 2023-04-30
Component UX. Do you need keyboard navigation? Mouse hover? Shortcuts? I suggest staying safe, combining existing components, and making your custom solutions sparingly.
An accessible tab container element with keyboard support.
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
Web components for custom video players
Show HN: A web component framework with templating
1 project | news.ycombinator.com | 14 Apr 2023
Show HN: It will never be as popular as React, but I built it inspired by it
1 project | news.ycombinator.com | 10 Oct 2022
Are web components still a thing?
1 project | reddit.com/r/webdev | 7 Oct 2022
Alternative to tailwind for Vite + Lit + Ts ?
1 project | reddit.com/r/vitejs | 25 Sep 2022
Video Player Recommendations
1 project | reddit.com/r/webdev | 8 Sep 2022
A note from our sponsor - Klotho
klo.dev | 1 Jun 2023