an example of using GlideJs with LitElement

lit-glide.js

import { LitElement, css, html, unsafeCSS} from 'lit-element'
import Glide from '@glidejs/glide'
import coreCSS from '../../node_modules/@glidejs/glide/dist/css/glide.core.min.css'

class ContentSlider extends LitElement {

	firstUpdated() {
		this.root = this.shadowRoot.querySelector('.glide')
		new Glide(this.root).mount()
	}

	static get styles() {
		return css`
			${unsafeCSS(coreCSS)}
		`
	}

	renderSlides() {
		let slides = []
		for(let i = 0; i < this.children.length; i++) {
			slides.push(html`<li class="glide__slide"><slot name="slide${i+1}"></slot></li>`)
		}
		return slides
	}

  	render() {
		return html`
		<div class="glide">
			<div data-glide-el="track" class="glide__track">
				<ul class="glide__slides">
					${this.renderSlides()}
				</ul>
			</div>
		</div>
    	`
    }
}

window.customElements.define('content-slider', ContentSlider)