nuxt / nuxt/modules

[Module Listing Request]: @sr3pp/nuxt-splide

Open
#1,187 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

module-request
Dominant language
TypeScript
Stars
1.1k
Forks
354
Avg merge
10h 18m
Merged PRs (30d)
12

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


🌟 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, and playground/ 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 and customTheme)
  • 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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the linked @sr3pp/nuxt-splide repository and npm package, then inspect this repository's module submission requirements and existing listings. Done means the module is reviewed against Nuxt 3 compatibility and directory criteria and is either added to the official directory or given a clear reason for rejection.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.