- Home
-
Serious Input Html
Serious Input Html
Input text serious like apple or smth
This tailwind example is contributed by Cristian, on 17-May-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.
Author Cristian
Related Examples
-
Date picker
Date picker example using flatpickr library
2 years ago16.5k -
Upvote downvote buttons [alpine]
upvote and downvote buttons made as working version in alpine.js
2 years ago8.6k -
1 year ago2.4k
-
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.
8 months ago1.2k -
Review popup form with toggle and stars
Review popup form with toggle and stars
5 months ago581 -
3 years ago14.4k
-
Custom Date Picker with TailwindCSS and Vanilla JavaScript
A lightweight, responsive date picker built with TailwindCSS for styling and vanilla JavaScript for interactivity. It includes an input field with a calendar dropdown, month navigation, and a “Today” shortcut button. The component is designed to be mobile-friendly, easy to customize, and can be integrated into any project without dependencies like React or external UI libraries.
1 month ago131 -
1 year ago7.1k
-
Custom Audio Player
🎧 Custom Audio Player (HTML, Tailwind CSS & Alpine.js) A modern, responsive custom audio player built with Tailwind CSS and Alpine.js, designed for a smooth user experience and elegant visuals in both light and dark mode. ✨ Features: 🎵 Play, pause, and mute/unmute controls 📈 Interactive progress bar with seek functionality 🔊 Dynamic volume slider with live preview 🖼️ Album art and track details display ⌨️ Keyboard support — toggle play/pause with the spacebar 🌓 Fully responsive and dark-mode compatible This player uses minimal JavaScript, relying on Alpine.js for reactivity, and can be easily customized or integrated into any web project. Perfect for portfolios, podcasts, or music web apps.
3 days ago8 -
1 year ago1.9k
-
Reusable Skill Showcase Section With Pure Tailwind CSS
A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.
6 months ago1.3k -
8 months ago404
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components