- Home
-
BONIMATOR Responsive Tailwind Starter Template
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
-
Profile Card with Transparent
Dynamic Background: Darker gradient background for better contrast Floating colored blobs for visual interest Profile Image Glow: Added a gradient glow effect behind the profile picture Smoother hover transition Typography Improvements: Larger, bolder name text Subtle hover underline animation for the name Better spacing and hierarchy
2 months ago267 -
9 months ago1.5k
-
chat bar
live chat
3 months ago560 -
Hero Section
Modern Gradient Color Scheme - Uses a professional purple-to-teal gradient for visual appeal Animated Elements: Floating decorative circles with subtle animation Fade-in effect for the main illustration Pulsing status indicator Engaging Typography: Gradient text for key phrases Responsive font sizing Clean Poppins font family Social Proof Elements: Client avatars Star ratings Trust indicators ("Trusted by 500+ businesses") Call-to-Action Buttons: Primary gradient button Secondary outlined button Hover effects and transitions Visual Hierarchy: Clear headline with emphasis on transformation Supporting subheading Balanced layout with image Performance Indicators: ROI badge Growth metric badge Responsive Design: Works on mobile and desktop Grid layout that adapts to screen size
2 months ago595 -
color blur
blur
7 months ago1.1k -
ForK blocks animations
ForK blocks animations
7 months ago1.3k -
Chat template
fullscreen chat template suitable for mobile devices
2 years ago17.3k -
Configurable 3-Tier Responsive Pricing Table
A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.
4 months ago473 -
3 months ago312
-
Heading
Subtle Script Background - Large, very light script font in the background ("Amazing") Light-to-Dark Gradient Heading - Main heading fades from light gray to dark gray Layered Typography - Secondary heading in medium weight for contrast Elegant Divider - With centered italic text Minimalist Border Accents - Thin borders in corners for sophistication Responsive Design - Scales beautifully on all devices
2 months ago181 -
8 months ago1.3k
-
5 Different Style of Button
Gradient Button outline button neon button Sliding Background pulsing Button
2 months ago63
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components