https://github.com/ruvkr/react-components-by-ruvkr

A collection of Responsive Animated Mobile friendly Lightweight React Components
https://github.com/ruvkr/react-components-by-ruvkr

animated hooks react responsive ui-components

Last synced: about 2 months ago
JSON representation

A collection of Responsive Animated Mobile friendly Lightweight React Components

• Host: GitHub
• URL: https://github.com/ruvkr/react-components-by-ruvkr
• Owner: ruvkr
• Created: 2020-09-18T07:51:24.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-05-04T16:52:38.000Z (over 3 years ago)
• Last Synced: 2024-07-03T23:44:47.959Z (3 months ago)
• Topics: animated, hooks, react, responsive, ui-components
• Language: TypeScript
• Homepage: https://react-components-by-ruvkr.web.app/
• Size: 20.9 MB
• Stars: 352
• Watchers: 8
• Forks: 27
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# A collection of Responsive Animated Mobile friendly Lightweight React Components

- **100% Functional components**

- **Modular**

## [👉 Live Demo 🌏](https://react-components-by-ruvkr.web.app/)

## Index

- [Menu](#menu)

- [Side Drawer](#side-drawer)

- [Text Highlight](#text-highlight)

## Menu

![Menu](./gifs/MenuComponent.gif)

- **Multi-level**

- **Auto position**

- **Auto-hide when clicked outside**

- **Uses React portal**

## Side Drawer

![Side Drawer](./gifs/SideDrawer.gif)

- **Swipeable**

- **Responsive**

- **Spring animated**

## Text Highlight

![Highlight](./gifs/highlight.gif)

- **Highlight any range**

- **Customize styles**

- **Add note**