Home
BocchiChan
Componentes para mi empresa

Componentes para mi empresa

para mi empresa

This tailwind example is contributed by BocchiChan, on 05-May-2025. Component is made with Tailwind CSS v3. It is responsive.

Button Navigations

Author BocchiChan

Fork Fullscreen

<button class="bg-[#0070F3] text-white font-medium py-2 px-4 rounded hover:bg-blue-600 transition">
  Cotiza tu sitio
</button>
<button class="bg-black text-white border border-white py-2 px-4 rounded hover:bg-white hover:text-black transition">
  Más información
</button>

<div class="bg-white text-black p-6 rounded-xl shadow-md border border-gray-light">
  <h3 class="text-lg font-semibold mb-2">Software a medida</h3>
  <p class="text-gray-default text-sm">Desarrollamos soluciones según tus necesidades.</p>
</div>

<nav class="bg-black text-white flex justify-between items-center px-6 py-4">
  <div class="text-xl font-bold">MiMarca</div>
  <div class="space-x-6">
    <a href="#" class="hover:text-blue-primary">Inicio</a>
    <a href="#" class="hover:text-blue-primary">Servicios</a>
    <a href="#" class="hover:text-blue-primary">Contacto</a>
  </div>
</nav>
<input type="text" placeholder="Tu correo" class="bg-black border border-gray-light text-white px-4 py-2 rounded-md placeholder-gray-default focus:outline-none focus:border-blue-primary transition">

Related Examples

Button Group

Author:
Prem..

3 years ago

9.9k
hero modern
hero modern

Author:
Omer fils ELENGA

2 months ago

129
Buttons

Author:
Maxim

1 year ago

1.7k
Animated Light/Dark Mode Toggle
👉🏻3D glow effects on knob & track 👉🏻Gradient transitions that look holographic 👉🏻Animated pulse when active 👉🏻Dark background gradient instead of a flat color 👉🏻Emoji swap (☀️ → 🌙)

Author:
UI-Templates

4 months ago

413
Back to top button

Author:
Rafferty Kim

3 years ago

15.3k
Background Gradient Button with Hover Effects
The button designed with a gradient background that transitions smoothly between three colors

Author:
Kavita Joshi

2 years ago

8.1k
Upload button

Author:
Simon Scheffer

3 years ago

10.3k
beautiful buttons set
a beautofull buttons set like primary, outline and text.

Author:
Akram Khan

1 year ago

1.6k
Image Card
An image. Shows title and description info when hovering. Image zooms and darkens when hovering.

Author:
Nick Girga

10 months ago

833
🔥 Sleek & Modern Button with Hover Effect – Tailwind CSS
A beautifully designed button using Tailwind CSS, featuring smooth transitions, a bold shadow effect, and a hover animation. Styled with custom colors, rounded edges, and a modern font, this button is perfect for call-to-action (CTA) elements in your website or app. 🚀

Author:
Ahita Bisma Adlula

1 year ago

859
future ai robot
this an ai template by salvator

Author:
Baraka Salvator

9 months ago

1.2k
Floating pus button

Author:
Jaffar Hussain

1 year ago

1.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components