Home / React / UI Frameworks

A collection of Responsive Animated Mobile friendly Lightweight React Components

A collection of Responsive Animated Mobile friendly Lightweight React Components
Information
Category: React / UI Frameworks
Watchers: 6
Star: 145
Fork: 11
Last update: Oct 13, 2020
Resource links
https://react-components-by-ruvkr.web.app/
https://github.com/ruvkr/react-components-by-ruvkr

A collection of Responsive Animated Mobile friendly Lightweight React Components

  • 100% Functional components
  • Modular

👉 Live Demo 🌏

Index

Menu

Menu

  • Multi-level
  • Auto position
  • Auto-hide when clicked outside
  • Uses React portal
0 Open More issues
Closed

BUG: Burger bar click Expands and collapses quickly.

When I tried the project demo in Chrome v88 (Windows) I noticed this behaviour when clicking on the 'burger bars?' MDcnIVenTg

opened Feb 4, 2021 by jafin 8
Closed

BUG: Firefox drag out side menu and it stays out broken.

Your controls look nice and useful.

I was playing with demo and noticed this. It does not snap out or snap back like it does in Chrome if you drag it out manually but not all the way. Attached a demo gif.

firefox-drag-out-side-menu

opened Feb 5, 2021 by rluiten 7
Closed

Bug: When body of document has some big value, scrolling page separates the bottom part of menu

🐛 Bug

When I set height of document on some higher value like 5000px, and after that I'm scrolling the page the bottom bar of menu is moving.

2020-12-10_19h35_48

opened Dec 10, 2020 by tomek2864 2
Closed

Menu component: how to get the name of parent menu item?

Hello, I want to customize the menu component to show the parent menu name when user goes to corresponding submenus page.

Currently, the arrays activeItems, prevItems and forwardItems only store the menus of different pages in order.

Solved.

opened Apr 26, 2021 by lodisy 0

Contents

    Kelin2025 vue-responsive-components - Create responsive components with ResizeObserver.
    Soner97 I designed the animated e-scooter app UI with flutter. Also i used the Provider state management and animated widgets. And it's fully responsive.
    ggomaeng Animated chicken using Animated and react-native-svg Library, built for React Native framework.
    useAnimations React-useanimations is a collection of free animated open source icons for React.js.
    amsul The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
    amsul The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
    konstaui Tailwind Mobile - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte
    fuxingloh vue-horizontal-list - A pure vue responsive horizontal list layout with ssr support, mobile and touch friendly.
    jsuites jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms.
    jsuites jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms.
    marcelodolza Elegant, responsive, flexible and lightweight modal plugin with jQuery.
    marcelodolza Elegant, responsive, flexible and lightweight notification plugin with no dependencies.
    clauderic A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
    klarna-incubator A utility for writing responsive React components in a concise, maintainable, mobile-first way.
    picturepan2 Spectre.css - A Lightweight, Responsive and Modern CSS Framework
    jbowyers Responsive Menu is a drop-down menu jQuery plugin for responsive websites
    FilledStacks A set of widgets to make responsive UI building in flutter more readable
    HCESrl vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
    dataminr A collection of reusable React components with their own Flux lifecycle.
    jxnblk React UI components powered by Tachyons with a styled-components like API
    matsp Material Components Vue material-components-webMaterial Components Vue - wrapper around material-components-web for Vue.js
    Share this repo

    Related Repos


    UI Frameworks
    23
    Semi-UI: A modern, comprehensive, flexible design system and UI library. Quickly build be...
    DouyinFE Semi-UI: A modern, comprehensive, flexible design system and UI library. Quickly build beautiful React apps.
     
    UI Frameworks
    113
    React mobile UI Components base on Vant
    3lang3 React mobile UI Components base on Vant
     
    UI Frameworks
    112
    A React UI Kit based on Tailwind
    webeetle A React UI Kit based on Tailwind
     
    UI Frameworks
    88
    Collection of Accessible React UI Components using TailwindCSS.
    vechai Collection of accessible React UI components with the built-in dark theme using Tailwind CSS. Pre-designed headless ui and radix-ui.
     
    UI Frameworks
    246
    A React Component library for building modern applications easily & quickly
    elementz-ui A React Component library for building modern applications easily & quickly
     
    UI Frameworks
    20
    Embrace - Typesafe, declarative, and composable UI engine on top of React and Focal
    grammarly Embrace - Typesafe, declarative, and composable UI engine on top of React and Focal
     
    UI Frameworks
    36
    🛠 React application framework based on Vite.
    vitjs 🚀 React application framework inspired by UmiJS. 类 UmiJS 的 React 应用框架。
     
    UI Frameworks
    40
    A supa simple wrapper around Supabase.js to enable usage within Nuxt.
    supabase A supa simple wrapper around Supabase.js to enable usage within Nuxt.
     
    UI Frameworks
    9
    Peco: The featherweight Deno webapp framework. Built with Preact and htm.
    sebringrose Peco: The featherweight Deno webapp framework. Built with Preact and htm.
     
    UI Frameworks
    46
    A collection of Chakra UI-related awesomeness
    chakra-ui A collection of Chakra UI-related awesomeness
     
    UI Frameworks
    122
    A React.js admin dashboard template and UI library based on Bootstrap 5
    themesberg Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.
     
    UI Frameworks
    332
    Build your own chat UI with React components in few minutes.
    chatscope Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
     
    UI Frameworks
    145
    A collection of Responsive Animated Mobile friendly Lightweight React Components
    ruvkr A collection of Responsive Animated Mobile friendly Lightweight React Components
     
    UI Frameworks
    15
    Mobile UI Components built on React
    qingzi-king 富能通移动端组件库（agile mobile） —— 一个灵活、精巧的react移动端组件库
     
    UI Frameworks
    12
    ☁ Layer Components - Dialogs, Drawers, Tooltips, Popovers
    reaviz Layer Components for React: Dialogs, Drawers, Tooltips and Popovers