whatisgithub

What is solid-slider?

davedbase/solid-slider — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2026-02-14

★ 116TypeScriptAudience · developerComplexity · 2/5MaintainedSetup · easy

In one sentence

A carousel and slider component for SolidJS apps, wrapping the Keen-Slider engine to handle touch gestures, animations, and browser compatibility for image galleries and content sliders.

Mindmap

mindmap
  root((repo))
    What it does
      Carousel component
      Wraps Keen Slider
      Touch and swipe
    Tech Stack
      TypeScript
      SolidJS
      Keen-Slider engine
    Use Cases
      Product galleries
      Testimonial sliders
      Hero rotations
    Audience
      SolidJS developers
    Setup
      Component or primitive
      Plugin support
      SolidStart docs

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add a swipeable product image gallery to a SolidJS e-commerce site

USE CASE 2

Build a testimonial or hero image carousel with clickable navigation dots

USE CASE 3

Use the lower-level primitive API when you need custom control over slider behavior

USE CASE 4

Add a thumbnail strip below the main slider so users can preview all slides

What is it built with?

TypeScriptSolidJSKeen-Slider

How does it compare?

davedbase/solid-slidertyopxyz/solana-pumpfun-bundlermetavault-fi/solana-pumpfun-bundler
Stars116116114
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-02-14——
MaintenanceMaintained——
Setup difficultyeasymoderatehard
Complexity2/54/54/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

No dependencies beyond SolidJS itself, docs cover SolidStart integration and SSR quirks.

Copy-paste prompts

Prompt 1
Using solid-slider, build a product image carousel with navigation dots and touch swipe support in a SolidJS app.
Prompt 2
Show me how to use the solid-slider primitive instead of the ready-made component for custom carousel controls.
Prompt 3
How do I add an autoplay plugin to a solid-slider carousel and set the delay between slides?
Prompt 4
Set up solid-slider with SolidStart and handle any server-side rendering issues with the slider.

Frequently asked questions

What is solid-slider?

A carousel and slider component for SolidJS apps, wrapping the Keen-Slider engine to handle touch gestures, animations, and browser compatibility for image galleries and content sliders.

What language is solid-slider written in?

Mainly TypeScript. The stack also includes TypeScript, SolidJS, Keen-Slider.

Is solid-slider actively maintained?

Maintained — commit in last 6 months (last push 2026-02-14).

How hard is solid-slider to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is solid-slider for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?