Kit de interfaz CRM y pipeline de ventasDisponiblev1.0.2 · Actualizado el 22 sep 2026

Dashboard CRM premium y pipeline de ventas para Next.js

Name: Dashboard CRM premium y pipeline de ventas para Next.js
Brand: StudioGrid Pro
Price: 39 USD
Availability: InStock

Un kit de UI CRM para Next.js donde contactos, empresas, oportunidades, etapas del pipeline y actividad comercial funcionan como un único flujo frontend coherente.

US$39· pago único

Abrir demo en vivo Comprar producto

Mové un deal a Won en Pipeline y abrí Overview: el revenue ganado se actualiza.

12 pantallas CRM
Modos claro y oscuro
Diseños completamente responsive

Premium CRM & Sales Pipeline UI Kit vista previa del producto

Resumen

Un frontend CRM donde contactos, oportunidades y acciones del pipeline se mantienen sincronizados.

Contactos, empresas, oportunidades, actividades y etapas del pipeline funcionan como un único espacio de trabajo, con estado frontend compartido e interacciones coherentes entre pantallas en lugar de demos aisladas.

Pantallas CRM

Claro y oscuro

Modos de tema

Totalmente responsive

Escritorio, tablet y móvil

Solo frontend

Preparado para tu stack CRM

Pantallas incluidas

Doce pantallas CRM diseñadas para funcionar juntas como un único espacio de ventas.

Las pantallas incluidas cubren la experiencia frontend principal, desde el resumen comercial y la gestión de relaciones hasta la ejecución del pipeline, el seguimiento de actividades, las analíticas, el rendimiento del equipo y la configuración del espacio de trabajo.

Dashboard

Valor del pipeline, oportunidades abiertas, tasa de cierre, nuevos contactos, rendimiento de ingresos y actividad comercial reciente.

Contacts

Búsqueda, filtros, gestión de campos, selección, acciones masivas y navegación a contactos.

Contact Detail

Edición de contactos, estado, oportunidades, acciones de comunicación, actividades y tareas.

Companies

Búsqueda de empresas, filtros, gestión de campos, selección, acciones masivas y navegación entre registros.

Company Detail

Edición de empresas, estado, acceso al sitio web, oportunidades relacionadas, contactos, actividades y responsable.

Deals

Búsqueda de oportunidades, filtros, gestión de campos, selección, acciones por fila y paginación simulada.

Pipeline

Gestión de oportunidades por etapas con búsqueda, filtros por responsable, prioridades y acciones locales de flujo.

Deal Detail

Etapa, probabilidad, estado de cierre, actividades, notas, tareas e información de empresa y contacto relacionados.

Activities

Vistas de hoy y próximas, filtros, estados de tareas, creación de actividades y vista previa de calendario.

Analytics

Selectores de pipeline y período con métricas de rendimiento CRM y visualizaciones.

Team

Rendimiento del equipo, oportunidades asignadas, estados de presencia e interfaces de gestión de miembros.

Settings

Configuración del espacio de trabajo, etapas del pipeline, preferencias, notificaciones, apariencia y controles de perfil.

Sistema de interfaz reutilizable

Patrones compartidos en todo el flujo del CRM.

La navegación, los registros, las acciones del pipeline y los estados de interfaz siguen los mismos patrones en todo el kit, para que el CRM se sienta como un único espacio de trabajo y no como pantallas separadas.

Navegación y espacio de trabajo

Header de aplicaciónNavegación lateralBúsqueda y controles de tema

Registros CRM

Tablas de contactosTablas de empresasTablas de oportunidades

Pipeline y acciones

Etapas del pipelineAcciones de oportunidadesAcciones masivas

Estados y feedback

ModalesToastsEstados vacíos

Creado para personalizar

Adaptá el espacio CRM a tu producto y proceso de ventas.

Stack técnico

Creado con Next.js 16, React 19, TypeScript y Tailwind CSS v4.

Arquitectura frontend reutilizable

Las estructuras CRM y los patrones de interacción compartidos facilitan comprender, ampliar y mantener la interfaz.

Contenido demo reemplazable

Reemplazá los contactos, empresas, oportunidades, miembros del equipo y datos del espacio de trabajo ficticios por tu propia información.

Preparado para tu stack CRM

Conectá las interfaces con tu propia autenticación, base de datos, APIs, analíticas y lógica de negocio.

Experiencia responsive

Una experiencia cuidada en pantallas, temas y flujos CRM.

Los dashboards, tablas de registros, vistas de pipeline, formularios y controles se adaptan a escritorio, tablet y dispositivos móviles.

Diseños CRM responsive
Navegación adaptable
Controles optimizados para móvil
Pipeline con desplazamiento horizontal en móvil
Modos claro y oscuro
Estados hover, focus y disabled consistentes

Contenido del paquete

Todo lo incluido en la descarga.

Código fuente completo en Next.js
Doce pantallas CRM
Interfaces de dashboard, contactos, empresas y oportunidades
Flujos de pipeline y detalle de oportunidades
Pantallas de actividades, analíticas, equipo y configuración
Modos claro y oscuro
Diseños responsive para escritorio, tablet y dispositivos móviles
Datos demo con persistencia local en el navegador
Licencia comercial
README para compradores
Registro de cambios
Guía de personalización
Guía de implementación
Política de soporte

Alcance claro del producto

Una base CRM frontend que conectás con tus propios servicios.

Este producto incluye interfaces CRM, navegación y comportamiento demo que se guarda en el navegador con localStorage. No incluye infraestructura backend de producción, base de datos ni integraciones con servicios CRM de terceros.

No incluido

Servicios backend
Base de datos
Autenticación o autorización reales
Persistencia de datos en servidor
Envío real de emails
Telefonía
Integraciones con calendarios
API de CRM
Sincronización con Salesforce o HubSpot
Analíticas backend
Notificaciones backend

Usá las interfaces incluidas como base frontend y conectá después la autenticación, base de datos, APIs, servicios CRM e infraestructura de producción que prefieras.

¿Preferís no conectarlo vos? Conectamos estas pantallas a tu API en un Frontend Sprint a precio fijo.

Requisitos

Qué necesitás para trabajar con el kit.

Node.js 20.9.0 o una versión posterior
npm
Un entorno local de desarrollo JavaScript
Conocimientos básicos de Next.js, React, TypeScript y Tailwind CSS
Tu propio backend y servicios de datos para uso en producción

Licencia y soporte

Creado para proyectos comerciales reales.

Un Producto Final por compra

Usá el kit para crear un Producto Final comercial.

Permitido para trabajos de clientes

El Producto Final licenciado puede crearse para tu propio negocio o para un cliente.

Código fuente incluido

Personalizá las interfaces, el contenido, la identidad visual y el comportamiento frontend directamente dentro del proyecto proporcionado.

Alcance del soporte documentado

Los términos de soporte del producto se explican en la política de soporte incluida.

Preguntas frecuentes

Todo lo que necesitás saber sobre el kit.

¿Incluye un backend CRM completo?

No. Este es un kit de interfaz exclusivamente frontend. Debés conectarlo con tu propio backend, base de datos, autenticación y lógica de negocio.

¿Cuántas pantallas incluye?

El kit incluye 12 pantallas CRM que cubren dashboard, contactos, empresas, oportunidades, pipeline, actividades, analíticas, gestión de equipo y configuración.

¿El pipeline incluye comportamiento interactivo demo?

Sí. La demo frontend incluye interacciones locales para búsqueda, filtros, prioridades, acciones sobre oportunidades y avance entre etapas. Los cambios se guardan en el navegador con localStorage y se mantienen al recargar. No se envía nada a un backend.

¿Incluye modos claro y oscuro?

Sí. La experiencia CRM completa es compatible con ambos temas.

¿El kit es responsive?

Sí. Las pantallas y estructuras incluidas están diseñadas para escritorio, tablet y dispositivos móviles.

¿Se integra con Salesforce o HubSpot?

No. Las integraciones con Salesforce, HubSpot y otros CRM de terceros no están incluidas. Podés conectar el frontend con los servicios que prefieras.

¿Puedo usarlo para el proyecto de un cliente?

Sí. La licencia comercial incluida permite crear un Producto Final para tu propio negocio o para un cliente.

¿Qué recibiré después de comprar?

El paquete incluye el ZIP completo con el código fuente, la licencia comercial, el README, el registro de cambios y las guías de personalización, implementación y soporte.

Explorá el producto

Recorré el CRM como un único espacio de ventas conectado.

Abrí la demo en vivo para recorrer contactos, oportunidades, etapas del pipeline y actividad comercial dentro del mismo espacio conectado, y comprá el kit completo cuando estés listo.

Abrir demo en vivo Comprar producto

Productos relacionados