New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

rippleui

Package Overview
Dependencies
Maintainers
1
Versions
27
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rippleui

Cleanest, modern and beatifull Tailwind CSS library.

  • 1.12.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

alt text for screen readers

Ripple UI

npm downloads npm downloads npm downloads

GitHub last commit (by committer)

Welcome to the RippleUI repository! This is the home for all of the components, guidelines, and tools that make up our design system.

Documentation

Visit https://ripple-ui.com to view the full documentation.

🚀 Usage

To use the RippleUI components, you will need to install the package from npm.

npm install rippleui

Once you have installed the package, you can import the plugin into your tailwind.config.js.

module.exports = {
  // ... the rest of your config
  plugins: [require("rippleui")],
};

To use a component, simply include the appropriate HTML markup in your project and apply the relevant classes using the class naming.

<button class="btn-primary btn">Click me!</button>

🎨 Components

Here is a list of all of the components that are currently available in RippleUI.

  • Button
  • Input
  • Select
  • Checkbox
  • Radio
  • Switch
  • Textarea
  • Modal
  • Button-Group
  • Tooltip
  • Dropdown
  • Badge
  • Navbar
  • Avatar
  • Breadcrumb
  • Drawer
  • Alert
  • Table
  • Card
  • Accordion
  • Tabs
  • Pagination
  • Divider
  • Skeleton
  • Stepper
  • Link
  • Dots (Status)
  • Range
  • Progress
  • KBD
  • Forms
  • Menu
  • Popover
  • Sidebar
  • Spinners / Loaders
  • Input File
  • More components soon....

🤝 Contributing

We welcome contributions to the design system! If you have ideas for new components, improvements to existing ones, or updates to the guidelines and tools, please open a pull request with your proposed changes.

License

RippleUI is licensed under the MIT License.

Keywords

FAQs

Package last updated on 23 Apr 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc