/rippleUI

A CSS component library to speed up development process while building elegant and responsive apps.

Primary LanguageHTML

Netlify Status

Ripple UI logo

Ripple UI

Minimal, customizable, and user friendly component library built using HTML, CSS, and Javascript.
Get Started

Report a Bug · Request a Feature

Installation

  • You can add this line into your html code to use the components inside the library.
<link
	rel="stylesheet"
	href="https://ripple-ui.netlify.app/css/components.css"
/>
  • You can also import it in your css file.
@import url("https://ripple-ui.netlify.app/css/components.css");

Key Features

▶️ The website and all the components are responsive.
▶️ All the components support both dark and light theme.

Components

✅ Alerts
✅ Avatars
✅ Badges
✅ Buttons
✅ Cards
✅ Chips
✅ Drawers
✅ Grids
✅ Images
✅ Inputs
✅ Lists
✅ Modals
✅ Navigation
✅ Rating
✅ Slider
✅ Snackbars
✅ Typography
✅ Tabs

Preview

Desktop

ripple-ui-preview-desktop

Tablet

ripple-ui-preview-tablet

Mobile

ripple-ui-preview-mobile

Technology Stack

  • Html
  • CSS
  • Javascript