opensourceui
GitHubTwitter/X

Components / Docs

Forms

5 components you can copy and paste into your React or Next.js project. Each includes setup steps, source code, and a live preview.

Components

5 ready to copy — open any card for full setup and source.

Direct inquiry

Get in touch

We usually reply within one business day.

0/1000
0 of 1000 characters used

Contact Form / Forms

Contact form with honeypot spam guard, character count, field validation, loading state, and success confirmation screen.

Free · copy & paste ready

Back to sign in
Account recovery

Reset your password

Enter the email linked to your account and we'll send a reset link.

Forgot Password Form / Forms

Password reset request form with email validation, loading state, success screen, and back-to-login navigation.

Free · copy & paste ready

Secure access

Welcome back

Sign in to continue to your account.

Forgot password?

Don't have an account? Create one

Login Form / Forms

Production login form with email/password validation, remember me, show password, loading state, and forgot-password link.

Free · copy & paste ready

Private dispatch

Stay in the loop

Weekly updates on new components and releases. No spam.

Unsubscribe anytime. We never share your email.

Newsletter Form / Forms

Email subscribe form with inline button, validation, privacy note, and inline success message — built for footers and landing pages.

Free · copy & paste ready

New membership

Create your account

Start building with a free account today.

and

Already have an account? Sign in

Signup Form / Forms

Registration form with name, email, password strength rules, confirm password match, and required terms acceptance.

Free · copy & paste ready

On this

page

Jump to a section on this page.

Sponsor spot · demo preview

Logo

Your brand name

Your tagline or category

A short pitch about your product or service goes here. This is a preview of how sponsor cards will look in this sidebar.

Your call to action

This slot is available. Sponsor Opensource UI and reach developers browsing components every day.

Menu

Getting started

  • Home
  • All components

Components

Activity7
  • Dnd Face
  • Focus Breath
  • Heart Rate
  • Hydration
  • Pomodoro
  • Sleep Score
  • Step Count
Audio7
  • Audio Recorder
  • Ios Earbuds
  • Music Player
  • Music Playlist
  • Now Playing Bar
  • Recorder Face
  • Voice Assistant
Battery1
  • Battery Face
Bluetooth1
  • Bluetooth Face
Buttons10
  • Add To Cart Button
  • Bookmark Save Button
  • Copy Button
  • Download Button
  • Follow Button
  • Hold To Delete Button
  • Like Button
  • Quantity Stepper Button
  • Segmented Toggle Button
  • Slide To Confirm Button
Calender7
  • Booking Slot Calendar
  • Daily Activity Calendar
  • Date Range Picker
  • Event Countdown Card
  • Ios Calender
  • Month Picker Calendar
  • Week Strip Calendar
Clocks4
  • Analog Clock — Minimal
  • Analog Clock — Numeric
  • Analog Clock — Roman
  • Ios Digital Clock
Compass1
  • Compass
Dashboard8
  • Ai Script Card
  • Floating Tool Rail
  • Industry Insights Card
  • Insights Upgrade Card
  • Payment Schedule Card
  • Payment Templates Card
  • Recent Transactions Card
  • Tasks Dashboard Card
Discord1
  • Discord Chat
Dropdowns7
  • File Menu
  • Filter Sort
  • Kebab Actions
  • Notification
  • Share Menu
  • User Menu
  • Workspace Switcher
Event1
  • Event Ticket
Facebook2
  • Facebook Post
  • Threads Post
Files1
  • Stacked Folder Card
Folder1
  • Opensource Folder Tab Card
Forms5
  • Contact Form
  • Forgot Password Form
  • Login Form
  • Newsletter Form
  • Signup Form
Gallery9
  • Film Strip
  • Gallery Grid
  • Glass Overlay Image
  • Museum Placard
  • Photo Album
  • Photo Contact Sheet
  • Polaroid Image
  • Slow Living Polaroid
  • Stamp Postcard
Github2
  • Github Contribution
  • Github Repo
Inputs14
  • Checkbox Field Input
  • Combobox Field Input
  • Date Field Input
  • File Upload Field Input
  • Floating Label Field Input
  • Input Group Field
  • Password Field Input
  • Phone Field Input
  • Radio Group Field Input
  • Search Input
  • Select Field Input
  • Switch Field Input
  • Text Field Input
  • Textarea Field Input
Instagram1
  • Instagram Post
Linkedin2
  • Linked In Post
  • Linked In Profile
Map-location1
  • Ios Map Location
Mockups3
  • Browser
  • Laptop
  • Phone
Notifications10
  • Apple Notification
  • Calendar Reminder Notification
  • Chat Bubble Notification
  • Delivery Notification
  • Deploy Notification
  • Email Notification
  • Incoming Call Notification
  • Payment Notification
  • System Alert
  • Toast Notification
Others4
  • Progress Ring
  • Stacked Cards Effect
  • Terminal Log
  • Thermal Receipt
Otp2
  • Otp Boxed Input
  • Otp Underline Input
Pricing2
  • Retail Price Tag
  • Toggle Pricing Cards
Profile5
  • Blob Profile
  • Contact Profile
  • Editorial Staff Profile
  • Team Member Profile Grid
  • User Profile
Resources1
  • Resource Links Panel
Stopwatch1
  • Stopwatch
Table6
  • Customers Table
  • Orders Table
  • Recent Transactions Table
  • Tasks Table
  • Team Members Table
  • Users Select Table
Text9
  • Cinema Ticket
  • Daily Motivation
  • Denim Product Editorial
  • Drop Cap Editorial
  • Editorial Quote
  • Journal Writing
  • Keyboard Shortcuts
  • Magazine Cover
  • Notepad
Torch1
  • Torch Face
Travel6
  • Electric Scooter
  • Flight Arrival
  • Flight Boarding
  • Minimal Agenda
  • Ride Pickup
  • Travel Postcard
Twitter2
  • Twitter Post
  • Twitter Profile
Underlines1
  • Annotated Text
Users3
  • Credit Card Glass
  • Team Member
  • Testimonial
Wallet1
  • Wallet Pass
Wifi1
  • Wifi Toggle

Ready when you are.

Free for personal and commercial use. No UI attribution required. MIT License. Made & maintained by Bidyut Kundu.

© 2026 Opensource UI · Made in India