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! Learn more →
Top 20 TypeScript custom-element Projects
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.Project mention: Stencil | news.ycombinator.com | 2023-03-13
Create 3D web applications with HTML. Bring a new depth to your DOM! (by lume)
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!
A web component for easy math inputProject mention: I build a formula expression recognition tool myself, hope to get advice~ | reddit.com/r/LaTeX | 2022-10-04
Maybe you could consider having an editable mathfield so the result can be easily tweaked if needed. I'd recommend https://cortexjs.io/mathlive/ but I'm biased, I'm the author of that library :)
Another kind of rich text editorProject mention: todolist-cl: a nice looking todolist with a web UI, written in Common Lisp [and by a newcomer to CL, to add credit] | reddit.com/r/Common_Lisp | 2022-11-30
I recently integrated Stylo: https://stylojs.com/ It was simple and the editor looks simple, I like it.
API documentation and live playground for Web Components. Based on Custom Elements Manifest formatProject mention: A Retrospective of My Year as a Full Stack Developer and Indie Game Developer | dev.to | 2022-12-20
Documentation generated with api-viewer web component, using my plugin to generate the manifest!
Calcite Design System's web component library. Built with Stencil JS!Project mention: HTML with Superpowers: An Introduction to Web Components | news.ycombinator.com | 2023-01-10
Esri’s Calcite Component library is another.
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.
A custom element for cropping a square image. Returns x, y, width, and height.
Attach files via drag and drop or file input.
Create a custom element from any component with these tiny functions (2KB GZipped, ~1KB Brotli). Preact and React currently supported
FWIW, Solid has been for some time under consideration for gradually untangling state in this project. Another library I’ve explored is element-behaviors, a Solid/custom element-based Entity Component System, which I think could be a good model for the project.
Regardless of what tech I pull in, I’m sure I’ll be sharing insights eventually!
🏗 Create your HTML5 Web Component with Svelte. Made your web components with this user-friendly boilerplate
Powerful and Fast Web Component Library with a Simple APIProject mention: Simplest Way to Create Web Component | reddit.com/r/WebComponents | 2023-02-21
There are more info at https://cwco.io/
An example on how to define custom elements using Vue 3
Display elements in a subtree that match filter input text.Project mention: Microsoft Middle Finger to GitHub | reddit.com/r/ProgrammerHumor | 2022-12-19
A custom element <gem-panel>, let you easily create layout similar to Adobe After Effects.
Commerce Layer drop-in.js lets you transform any plain HTML page into an enterprise-grade static commerce website, with almost no coding required, thanks to a set of micro frontends that handle the main ecommerce functionalities.Project mention: Building an Ecommerce Store with Nextjs and Commerce Layer Demo Store | dev.to | 2023-01-22
The beauty of the composable commerce architecture is that you can distribute your ecommerce service anywhere your customer wants them (either on mobile, web, smart devices, CLIs, etc.) so long the envisaged sales channel allows API mechanisms. For brands and developers, the options are numerous; for example, you can go as easy as making a static HTML website shoppable using a dropin library to power certain transactional functionalities or building a fully functional ecommerce website with commerce platforms like Commerce Layer and dev tools like the Demo Store project (which we will do in this article!).
A custom element in HTML that displays the current date and timeProject mention: A custom date-time html element | reddit.com/r/coolgithubprojects | 2023-01-07
Uni Flags (by uiwebkit)
TypeScript custom-elements related posts
1 project | news.ycombinator.com | 13 Mar 2023
5 projects | reddit.com/r/web_design | 9 Dec 2022
1 project | reddit.com/r/webdev | 29 Nov 2022
StencilJS: Generate reusable, fast, Web Components that run in every browser
1 project | news.ycombinator.com | 13 Nov 2022
Opinions on StencilJS?
1 project | reddit.com/r/reactjs | 7 Nov 2022
Lit - a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive
Is Svelte most growing web tech? (%66 Growth!)
1 project | reddit.com/r/sveltejs | 6 Jul 2022
A note from our sponsor - Appwrite
appwrite.io | 23 Mar 2023
What are some of the best open-source custom-element projects in TypeScript? This list will help you: