https://github.com/moclei/react-neumorphic-slider

A self-styling "neumorphic" slider component for React, using hooks and typescript.
https://github.com/moclei/react-neumorphic-slider

components neumorphic neumorphism react react-neumorphic-slider react-slider reactjs skeumorphic skeumorphism styled-components typescript ui web

Last synced: about 1 month ago
JSON representation

A self-styling "neumorphic" slider component for React, using hooks and typescript.

• Host: GitHub
• URL: https://github.com/moclei/react-neumorphic-slider
• Owner: moclei
• License: mit
• Created: 2022-06-23T22:15:43.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-07-04T15:44:42.000Z (almost 4 years ago)
• Last Synced: 2025-11-05T08:35:15.597Z (7 months ago)
• Topics: components, neumorphic, neumorphism, react, react-neumorphic-slider, react-slider, reactjs, skeumorphic, skeumorphism, styled-components, typescript, ui, web
• Language: JavaScript
• Homepage: https://moclei.github.io/react-neumorphic-slider
• Size: 10.4 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [React Neumorphic Slider](http://moclei.github.io/react-neumorphic-slider/)

* **A slider component for React**, built with typescript and styled-components.

## How to use

```sh

npm install react-neumorphic-slider --save

```

or

```sh

yarn add react-neumorphic-slider

```

### Documentation

> [Documentation with examples](https://moclei.github.io/react-neumorphic-slider/)

> 

> [Demo app](https://github.com/moclei/react-neumorphic-slider/tree/main/packages/example)

> 

> [Component source](https://github.com/moclei/react-neumorphic-slider/tree/main/packages/react-neumorphic-slider)

### Demo

![Demo](https://media.giphy.com/media/gp7xlb9hvQpUP5gpyP/giphy.gif)

### Include the Component

```js

import React from 'react'

import Slider from 'react-neumorphic-slider'

class Component extends React.Component {

  render() {

    return 

  }

}

```

## Usage options

See the included [Documentation](https://moclei.github.io/react-neumorphic-slider/) for usage options and api info.