Skip to content

Releases: haaarshsingh/loomix

v1.0.0

11 Jun 09:57
@haaarshsingh haaarshsingh
v1.0.0
7606f13

Choose a tag to compare

View all tags
v1.0.0 Latest
Latest

Loomix is a drop-in React video player with a polished UI. Give it a src and you get a beautiful player out of the box. No headless wiring, no Video.js theme files, no 200 lines of CSS to override the native controls.

import { LoomixPlayer } from "loomix";
<LoomixPlayer src="/path/to/video.mp4" />

Install

npm i loomix

Or with shadcn:

npx shadcn@latest add https://loomix.harshsingh.me/r/loomix-player.json

Features

  • Custom play / pause, scrubbable progress with hover time preview, buffered indicator
  • Volume slider: hover-to-reveal on desktop, tap-to-toggle on touch
  • Playback speed picker (0.25× – 2×), keyboard-navigable
  • Captions / subtitles via the captions prop, with a built-in toggle
  • Picture-in-picture
  • Fullscreen, with an iOS Safari webkitEnterFullscreen fallback so it actually works on an iPhone
  • Keyboard shortcuts: Space / K, M, F, C, ← / →, ↑ / ↓
  • Optional chrome: title, "Watch on YouTube" link, close button
  • Mobile-first controls — no hover-only interactions, popovers portal out of the player so nothing gets clipped on small screens

Requirements

React 18.3+ or 19 · Tailwind CSS

Links

Demo and docs
Package on npm

Assets 2
Loading