marqy

High-fidelity loops for modern interfaces.

837,868

vue react svelte vanilla web-component marquee react-marquee marqy

Maintainer: ndimatteo

DEMO: MARQY.PARTY

yarn add marqy

or using npm

npm i marqy

import { Marqy } from 'marqy';

<Marqy speed={1} direction="left" pauseOnHover>
  <span>Your content here</span>
</Marqy>

import 'marqy/dist/marqy.css';

or add it manually: see marqy.css stylesheet

Name	Type	Description
`speed`	number [default: 0.5]	Scroll speed multiplier
`direction`	string [default: 'left']	Direction of scroll
`pauseOnHover`	boolean [default: false]	Pauses the animation on hover
`manual`	boolean [default: false]	Renders without applying CSS animations
`children`	React.ReactNode	Content to repeat inside the marqy

@aspect-ui-01/toast

Lightweight framework-agnostic toast notifications (~2KB)

3,926

react svelte vue web-component angular notifications toast

@studiolxd/scorm

Headless SCORM 1.2/2004 runtime — framework-agnostic core with React, Vue, Angul...

1,855 0

react svelte vanilla vue web-component angular e-learning headless lms scorm +2

@codemerge/integrate

Universal host adapters for on-codemerge (UI frameworks, Web Component)

199 17

react svelte vue web-component codemerge editor integrate on-codemerge wysiwyg

@designbasekorea/carousel

An accessible, dependency-free web carousel with native scrolling, framework ada...

181

react svelte vue web-component carousel designbase scroll-snap slider typescript

jervis-icons

Universal icon/image web component that works with any framework

30,773

react svelte vanilla vue web-component angular animated-icons animation css-animations custom-element +5