Open
Description
Description
💡 Splide integration with full theming support
Hello Nuxt team! 👋
I'd like to submit my Nuxt 3 module, @sr3pp/nuxt-splide
, for inclusion in the official Nuxt Modules directory.
📦 Module Info
- Name:
@sr3pp/nuxt-splide
- Repo: https://github.com/sr3pp/nuxt-splide
- NPM: https://www.npmjs.com/package/@sr3pp/nuxt-splide
- Compatibility: Nuxt 3
- Type: UI / Integration
🌟 Features
- 📸 Zero-config integration with Splide sliders via
@splidejs/vue-splide
- ⚙️ Auto-imports
<Splide>
and<SplideSlide>
globally - 🎨 Supports official Splide themes (
default
,skyblue
,sea-green
) - 🧑🎨 Custom theme support via scoped CSS or user-defined files
- 🔁 Runtime theme switching via
variant
prop - 🧱 Structured using
defineNuxtModule
, with runtime config, typed options, andplayground/
for testing
✅ Why it’s a good fit
There are currently no official Splide modules listed, and the existing nuxt-splide
on npm is outdated and unmaintained. This module is:
- Built using Nuxt 3’s official best practices
- Offers advanced theming capabilities (including
defaultTheme
andcustomTheme
) - Includes runtime configuration and variant switching
- Tested and documented with a working
playground/
Looking forward to feedback or suggestions.
Thanks for all your amazing work on Nuxt! 💚
— @sr3pp
Repository
https://github.com/Sr-3pp/nuxt-splide
npm
https://www.npmjs.com/package/@sr3pp/nuxt-splide
Nuxt Compatibility
Nuxt 3