Diseñado para sesiones largas

Lanza una landing dark premium hoy.

Glass sutil, componentes listos y un sistema visual que se ve caro sin volverse pesado. Dual-mode con toggle real.

Ver preview Conseguir kit
⚡ 1.2s LCP ♿ AA contrast 📱 Mobile-first
// terminal
$ npm install dark-kit
→ added 0 packages
✓ ready
Active session
4h 32m
eye-strain: 0%
Live components

Lo que incluye

Todo el kit. Listo para clonar.

🌑

Dark + Light togglable

prefers-color-scheme + override manual.

🪟

Glass cards premium

Backdrop-blur calibrado. Sin penalizar performance.

✨

Micro-animaciones

Hover, scroll-reveal, float. Sin GSAP. CSS puro.

🎯

Tokens consistentes

Color, radius, sombras, espaciado. Tailwind config incluido.

♿

Contraste AA

Auditado WCAG 2.2. Sesiones largas sin fatiga.

📱

Mobile-first real

Tap targets 44px+. Navegación con thumb.

Hecho para largas sesiones

Tu producto vive en oscuro. Tu marca también debería.

82% de los devs y 76% de los gamers tienen dark mode activo por defecto. Si tu landing los recibe en blanco, la primera impresión ya falló.

Pricing simple

Una vez. Para siempre.

Free
$0
  • ✓ Plantilla landing base
  • ✓ Dark + light toggle
  • ✓ Atribución requerida
Recomendado
Pro
$49 · pago único
  • ✓ 24 componentes premium
  • ✓ 6 plantillas completas
  • ✓ Sin atribución
  • ✓ Updates de por vida

FAQ

Lo importante.

¿En qué framework se basa?

HTML + Tailwind. Funciona standalone o lo integras en Next/Astro/Remix.

¿Hay dependencias JS?

Cero. Animaciones en CSS, IntersectionObserver nativo. Toggle en 8 líneas.

¿Puedo usarla comercialmente?

Free: con atribución. Pro: licencia comercial sin restricciones.

Tu marca, en su mejor luz.
O en su ausencia.

Conseguir Dark Kit

Componentes

24

Dark + light

Dual real

Peso

< 20 KB

Última actualización: abril 2026 · Sin tarjeta · En producción