gitwtfhub

wtf 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

TL;DR

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

Why would anyone build with this?

REASON 1

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

REASON 2

Build a testimonial or hero image carousel with clickable navigation dots

REASON 3

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

REASON 4

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

What's in the stack?

TypeScriptSolidJSKeen-Slider

How it stacks up

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 spin it up?

Difficulty · easy Time to first run · 30min

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

Yoink these 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

wtf 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.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.

Other repos in this lane