T.08 / Tecnología
Front end
larch construye interfaces con Tailwind CSS. La app web de Hiki, la app de escritorio Bridddge y el panel de Scout tienen sus estilos hechos con las utilidades de Tailwind, con componentes de shadcn/ui o Radix encima.
Trae la idea. Te diremos cómo la construiríamos y qué hace falta.
01 / Hecho con Tailwind CSS
Todos nuestros productos con interfaz usan Tailwind para los estilos. seo-mcp es la excepción: no tiene interfaz propia y funciona dentro de tu editor de IA.
Plataforma web / 2025
01
La app web de Hiki usa Tailwind 4 con 16 componentes de shadcn/ui, con un tema neobrutalista llamativo en el catálogo, la compraventa y el mapa de tiendas.
Plataforma web / 2025
Next.js · FastAPI · MongoDB · Google Cloud
App para macOS / 2025
02
La app de escritorio Bridddge usa Tailwind 3 con shadcn/ui, configurado con esquinas rectas y un acento azul para que los componentes parezcan de Bridddge.
App para macOS / 2025
Electron · React · SQLite · MCP
Agente de IA / 2025
03
El panel de Scout, con su pipeline Kanban en directo y su registro de actividad, está hecho con Tailwind 4.1 y primitivas de Radix.
Agente de IA / Ventas B2B / 2025
Next.js · TypeScript · Playwright · SQLite
02 / Servicio relacionado
Plataformas rápidas y resilientes que crecen con tu negocio, no en su contra.
Qué recibes
El panel en directo de Scout y el catálogo multilingüe de Hiki, cada uno con su propio aspecto, a partir de las mismas clases de utilidad.
En Hiki, el front end con Tailwind se apoya en un back end en FastAPI y MongoDB, todo construido por un solo equipo.
La app web de Hiki se despliega en Cloud Run con Cloud Build en cada push a main.
03 / Cómo usamos Tailwind CSS
Tailwind da a cada producto su propio aspecto a partir de un mismo conjunto de piezas, y mantiene los estilos junto a los componentes que los usan.
La app web de Hiki funciona con Next.js 16 y Tailwind 4. Encima hay 16 componentes de shadcn/ui con un tema neobrutalista: bordes gruesos, sombras desplazadas y un aire inspirado en el manga que recorre el catálogo, la compraventa y el mapa de tiendas. Los componentes viven en el proyecto y no en un paquete, así que el equipo los cambia como cualquier otro código.
Bridddge es una app de Electron para macOS, con estilos de Tailwind 3 y shadcn/ui. Su tema pone el radio de las esquinas a cero y usa un acento azul, así que los mismos componentes se ven como Bridddge y no como un kit estándar. El plugin tailwindcss-animate añade las pequeñas animaciones.
La interfaz de Scout es Next.js 15 con Tailwind 4.1, y las primitivas de Radix le dan piezas accesibles. Mete mucho en pantalla: un asistente de configuración de siete pasos, un pipeline Kanban de arrastrar y soltar, un panel de analítica y un registro en directo de cada acción del agente.
Los estilos están en el marcado, junto al componente al que pertenecen, así que no queda nada suelto cuando un componente desaparece. Al navegador solo llegan las clases que usa cada producto, y un tema nuevo son unos pocos tokens, no una reescritura. Así es como tres productos muy distintos siguen siendo rápidos de cambiar. Este sitio, larch.ee, también usa Tailwind 4.
04 / Otras tecnologías
Los tres productos combinan Tailwind con React, y Hiki y Scout también con Next.js. Mira qué más hemos construido con ellos.
T.02 / Front end
Las interfaces de Hiki y Scout, y de la app de escritorio Bridddge.
Hecho con ella
T.01 / Front end
El front end del catálogo multilingüe de Hiki y la app web de Scout, ambos con el App Router de Next.js.
Hecho con ella
11 tecnologías
Once tecnologías, cada una funcionando en un producto que hemos lanzado.
Empezar / Llamada de 30 minutos
Sin teatro corporativo. Solo resultados.
¿Prefieres el correo?
nicholas@larch.ee