Home
Prem..
Number counter input

Number counter input

This tailwind example is contributed by Prem.., on 14-Feb-2023. Component is made with Tailwind CSS v3.

16.1k

decrementBtn.addEventListener('click', () => {
        if (count > 1) {
            count--;
            counterEl.textContent = count;
        }
    });

incrementBtn.addEventListener('click', () => {
        count++;
        counterEl.textContent = count;
    });
</script>

Related Examples

Read more / Show more button with hide button
"hide" button that appears when the additional content is displayed:

Author:
Prajwal Hallale

2 years ago

21.8k
Music Player

Author:
Abhijit Sen

2 years ago

17.2k
Working back to top button
The "Scroll to top" button becomes visible when the user starts to scroll the page Clicking on that button takes you back to the top of the page. This is a great feature to have on any website especially if your content is long.

Author:
Prashant

3 years ago

14.7k
Speedometer Example
Internet speed meter, gauge meter

Author:
Brandon D

3 years ago

14.1k
WYSIWYG Editor Form
Form with CKEditor

Author:
I.P. Leroy

2 years ago

15.6k
Detect Screen Breakpoints with Tailwind CSS

Author:
Prajwal Hallale

3 years ago

8.5k
Simple count down timer

Author:
Gopi Yadav

2 years ago

15k
Dashboard Stats Widget
Here’s a sleek Stats Widget built with Tailwind CSS that you can sell on TailwindFlex. It includes animated hover effects, trend indicators, and responsive design.

Author:
dev-fab250

5 months ago

1.4k
Multi-Step Form Wizard
Working Multi-Step Form more complex forms. made with tailwind CSS v3 and javascript

Author:
Quentin Rivers

1 year ago

6.1k
Progress bar with Tailwind CSS and Javascript
How to a create a scroll progress bar with Tailwind CSS and Javascript

Author:
Michael Andreuzza

1 year ago

2.3k
Calculator
This calculator uses CSS although it can be passed directly to tailwind

Author:
Ameth Galarcio

1 year ago

2k
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

3 weeks ago

408

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components