Gmail Images
.category-tabs { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; } .tab { padding: 0.5rem 1rem; border-radius: 8px; background: transparent; border: 1px solid var(--border); color: var(--muted); cursor: pointer; font-size: 0.9rem; transition: all 0.3s; } .tab.active, .tab:hover { background: var(--accent); border-color: var(--accent); color: #fff; } .converter-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; } .converter-input { flex: 1; display: flex; flex-direction: column; } .converter-input label { font-size: 0.8rem; color: var(--muted); margin-bottom: 0.4rem; text-transform: uppercase; letter-spacing: 0.05em; } .converter-input input { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 0.75rem 1rem; color: var(--text); font-size: 1.2rem; outline: none; transition: border-color 0.3s; } .converter-input input:focus { border-color: var(--accent); } .converter-input select { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 0.75rem 1rem; color: var(--text); font-size: 0.95rem; outline: none; cursor: pointer; } .swap-btn { background: var(--accent); border: none; border-radius: 50%; width: 40px; height: 40px; color: #fff; font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.3s; margin-top: 1.2rem; } .swap-btn:hover { transform: rotate(180deg); } .result-box { background: linear-gradient(135deg, rgba(108,99,255,0.1), rgba(255,101,132,0.05)); border: 1px solid rgba(108,99,255,0.3); border-radius: 12px; padding: 1.5rem; text-align: center; margin-top: 1rem; } .result-value { font-size: 2rem; font-weight: 700; color: var(--accent); } .result-label { font-size: 0.85rem; color: var(--muted); margin-top: 0.3rem; } /* Features */ .features { padding: 4rem 2rem; max-width: 1200px; margin: 0 auto; } .features h2 { text-align: center; font-size: 2rem; margin-bottom: 3rem; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .feature-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; transition: transform 0.3s, border-color 0.3s; } .feature-card:hover { transform: translateY(-4px); border-color: var(--accent); } .feature-icon { width: 48px; height: 48px; background: linear-gradient(135deg, var(--accent), var(--accent2)); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1rem; } .feature-card h3 { font-size: 1.1rem; margin-bottom: 0.5rem; } .feature-card p { color: var(--muted); font-size: 0.9rem; } /* Footer */ footer { border-top: 1px solid var(--border); padding: 2rem; text-align: center; color: var(--muted); font-size: 0.85rem; } @media (max-width: 600px) { .hero h1 { font-size: 2rem; } .converter-row { flex-direction: column; } .swap-btn { transform: rotate(90deg); margin: 0 auto; } .swap-btn:hover { transform: rotate(270deg); } nav { display: none; } }

Smart Unit Converter

Convert between hundreds of units instantly. Fast, accurate, and always free. No signup required.

1 m = 3.28084 ft
1 Meter equals 3.28084 Feet

Why CloudUnit?

⚡

Instant Results

Conversions happen in real-time as you type. No loading, no delays.

📐

200+ Units

Length, weight, temperature, speed, data storage, time, and more categories.

🔒

Privacy First

All calculations run locally in your browser. No data is sent anywhere.

🌐

Works Offline

Once loaded, the converter works without an internet connection.

📱

Mobile Friendly

Responsive design that works perfectly on any screen size.

🆓

100% Free

No ads, no subscriptions, no hidden costs. Free forever.

About CloudUnit

CloudUnit is a free, open-source unit conversion tool designed for developers, students, and professionals. Built with modern web technologies, it provides instant and accurate conversions across multiple unit categories. Our mission is to make unit conversion simple, fast, and accessible to everyone.