Home/
RawLabscomponents

Components

Interactive UI components built with React, Tailwind CSS and Framer Motion. Copy, adapt and use in your projects.

Two-Step Popover

A multi-step confirmation popover that guides users through a two-phase interaction before committing to a destructive or important action.

ReactTailwind CSSFramer Motion
Preview

Flexible Tags

A tag input container that expands and collapses as tags are added or removed, with animated presence transitions.

ReactTailwind CSSFramer Motion
Preview
React
TypeScript
Next.js
Tailwind CSS

iOS Slider

A faithful recreation of iOS-style sliders for the web, with drag interactions, haptic-like feedback, and real-time value display.

ReactTailwind CSSFramer Motion
Preview

Parameters

Adjust the values ​​using the sliders.

50
50