GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → GrabarzUndPartner → nuxt-custom-elements

GrabarzUndPartner / nuxt-custom-elements

Licence: MIT license
Publish your components as a custom-element standalone build.

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
shell
77523 projects
HTML
75241 projects

Labels

vuejsnuxtjsshadow-domcustom-elementvue-custom-elementnuxt-module

Projects that are alternatives of or similar to nuxt-custom-elements

nuxt-feature-toggle
The nuxt feature toggle module
Stars: ✭ 78 (+62.5%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-vue-multiselect
Single / multiple select plugin for Nuxt.js using vue-multiselect.
Stars: ✭ 28 (-41.67%)
Mutual labels:  nuxtjs, nuxt-module
global-components
Module to register global components for Nuxt.js
Stars: ✭ 57 (+18.75%)
Mutual labels:  nuxtjs, nuxt-module
lumen-cms
GraphQL API-First CMS based on NodeJS and Vue 2, Nuxt and Vuetify
Stars: ✭ 77 (+60.42%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-typo3
TYPO3 Frontend rendered in Vue.js and Nuxt (frontend for EXT:headless)
Stars: ✭ 66 (+37.5%)
Mutual labels:  nuxtjs, nuxt-module
separate-env-module
Tear your variables apart!
Stars: ✭ 53 (+10.42%)
Mutual labels:  nuxtjs, nuxt-module
dynamic
Load components initialized through @nuxt/components dyamically.
Stars: ✭ 49 (+2.08%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-winston-log
Nuxt module for logging SSR errors using winston
Stars: ✭ 41 (-14.58%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-gsap-module
GSAP module for Nuxt.js
Stars: ✭ 183 (+281.25%)
Mutual labels:  nuxtjs, nuxt-module
cloudinary-module
Integration of Cloudinary to Nuxt.js
Stars: ✭ 129 (+168.75%)
Mutual labels:  nuxtjs, nuxt-module
date-fns-module
Modern JavaScript date utility library - date-fns for Nuxt.js
Stars: ✭ 68 (+41.67%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-ts-module
A tiny module to use Typescript within Nuxt.js application.
Stars: ✭ 21 (-56.25%)
Mutual labels:  nuxtjs, nuxt-module
yamlful
YAML-based HTTP client code generation
Stars: ✭ 77 (+60.42%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-babel
Use normal .babelrc file with your Nuxt app
Stars: ✭ 32 (-33.33%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-facebook-pixel-module
Inject Facebook pixel code
Stars: ✭ 82 (+70.83%)
Mutual labels:  nuxtjs, nuxt-module
k-domains
A simple module to manage multiple subdomains with just one project
Stars: ✭ 41 (-14.58%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-prune-html
🔌⚡ Nuxt module to prune html before sending it to the browser (it removes elements matching CSS selector(s)), useful for boosting performance showing a different HTML for bots/audits by removing all the scripts with dynamic rendering
Stars: ✭ 69 (+43.75%)
Mutual labels:  nuxtjs, nuxt-module
nuxt-mail
Adds email sending capability to a Nuxt.js app. Adds a server route, an injected variable, and uses nodemailer to send emails.
Stars: ✭ 62 (+29.17%)
Mutual labels:  nuxtjs, nuxt-module
generative-art
🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].
Stars: ✭ 41 (-14.58%)
Mutual labels:  nuxtjs, nuxt-module
vue-plausible
Plausible Analytics Vue.js Plugin and NuxtJS Module
Stars: ✭ 107 (+122.92%)
Mutual labels:  nuxtjs, nuxt-module
View All Similar Projects ➔

share me:

nuxt-custom-elements

Nuxt Custom-Elements

Grabarz & Partner - Module

main develop Sonarcloud Status

npm version npm downloads

Renovate - Status License

Publish your Components as a vue-custom-element standalone build.

Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.

Features

  • Using modern and client build
  • Export components as widgets
  • Use the Shadow DOM 🥷
  • Use TailwindCSS and Vuetify for your widgets

📖   Learn more in the documentation

Browsers support

For cross-browser compatibility (IE11+) the client build uses the Polyfill custom-elements

Polyfill not included in the modern build, optional include by option modernPolyfill (Learn more).

Development

  1. Clone this repository
  2. Install dependencies using npm install or yarn install
  3. Start development server using npm run dev or yarn dev

Preview

  1. Clone this repository
  2. Install dependencies using yarn install or npm install
  3. Build and start with express yarn start:build or npm run start:build
  4. Open endpoints via http://127.0.0.1:3000/ in Browser

License

MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].