BONIMATOR Responsive Tailwind Starter Template
Responsive Tailwind Starter Template
This tailwind example is contributed by Bonimater, on 14-Jun-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Bonimater
Related Examples
-
Fake Medicine DetectorFake Medicine Detector
8 months ago612 -
Linear infinite brand scrolling with hover effectBeautiful lineat brand scrolling partner with hover effect
1 year ago2.5k -
2 years ago18.9k -
7 months ago623 -
Tailwind CSS Blog sharing buttons with blog detailsIntroducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.
1 year ago2.1k -
chat barlive chat
8 months ago1.2k -
pile carde scrollpile carde scroll
2 weeks ago19 -
Career PageThis is a career page component built in tailwind
1 year ago1.1k -
Interactive Multi-Method Donation SectionOverview: A high-trust, conversion-oriented fundraising section styled in the project's signature Navy Blue theme. It provides users with flexible payment options, ranging from one-click fixed amounts to manual bank transfers and cryptocurrency donations. Key Features: Smart Amount Logic: Includes a JavaScript-powered selector where users can choose a preset amount ($10, $25, $50) or type a custom value. The interface automatically toggles states (deselecting buttons when typing, and vice-versa) to prevent user error. Payment Methods: Quick Card/Checkout: Primary call-to-action column. Bank Transfer: A clean card displaying account details with a "Copy to Clipboard" utility. Crypto (Bitcoin): A specialized dark-themed card featuring a placeholder QR code and wallet address copying functionality. Trust Signals: Includes security iconography (lock, shield) and reassuring copy to boost donor confidence. Visual Hierarchy: Uses a 7/5 grid split to prioritize the immediate donation action while keeping manual payment methods accessible but secondary. Tech Stack: Framework: Tailwind CSS. Icons: Ionicons. Scripting: Vanilla JavaScript (for amount toggling and clipboard copying functions). Fonts: DM Serif Display (Headings) + Inter (Body). Usage: Ideal for the "Support Us" page or a dedicated campaign landing page. The script tag included at the bottom handles all the interactivity (button selection and text copying) without needing external libraries.
2 months ago354 -
Flex and Flex-Colวิธีการใช้ Flex และ Flex-Col
5 months ago464 -
HTMLCODE123
7 months ago409 -
nft cardnft card
1 year ago1.8k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
