Constructor de sitios web React.
Es Quarkly.
Interfaz visual, configuraciones de diseño adaptativo, editor de código, componentes React, todas las posibilidades de CSS. Usa componentes React prehechos o crea los tuyos propios. Posibilidades de personalización ilimitadas, herramientas sin código de un editor clásico
Crear proyecto
Funciones interesantes para los desarrolladores de React.js.
Hacer componentes React personalizados en el editor de código
Puedes construir componentes React personalizados en el editor de código de Quarkly y después añadirlos a la página.
Guía para desarrolladores
Información útil sobre la creación de componentes Quarkly, la construcción de aplicaciones y más.
Importación en caliente de módulos NPM
Importar módulos a tu componente desde NPM nunca ha sido más fácil.
Exportar a Create React App
Un paso para completar tu proyecto o alojarlo en tu propio servidor: expórtalo en un archivo con un proyecto create-react-app.
Exportar a Proyecto Gatsby
Exporta tus proyectos a Gatsby, uno de los frameworks de generación de sitios web estáticos más famosos.
Hacer commits en tu repositorio de GitHub
¿Quieres crear un repositorio de GitHub para tu proyecto y hacer cambios allí? ¡Pan comido!
Publicación en Netlify
Cuando tu sitio esté listo, publícalo en Netlify. Tendrá un dominio técnico, por ejemplo: https://inspiring-beaver-d128ed.netlify.app.
Editor de código incorporado moderno
En el editor de Quarkly, puedes supervisar todas las entidades que están presentes en la página.
Depurador
Nuestra consola de depuración te ayudará a rastrear errores en el código de componentes y páginas.
Consejos de código
Si tienes dudas sobre cómo escribir una propiedad, empieza a escribir, y el editor completará automáticamente lo que estás escribiendo.
Páginas y editor de código sincronizados
Todas las ediciones que apliques a las páginas se muestran en el código y viceversa.
Control de diseño completo.
Características
¡Ahora tu sitio web será notado! Usa nuestras animaciones únicas, diseños atractivos y transformaciones.
Primitivos
Componentes básicos que son similares a las etiquetas HTML como Texto, Imagen, Caja y otros.
Creación de componentes en una página
Elige un elemento o un grupo de elementos en la página o en el panel de Capas y conviértelos en un componente. Agrega copias del componente a la página y heredarán todas las propiedades.
Mostrando propiedades personalizadas en el panel
Cualquier propiedad perteneciente a un componente personalizado puede mostrarse en el panel derecho.
Temas
Usando temas puedes crear un diseño coherente para tu sitio.
Personalizando diseño con puntos de interrupción
Tu sitio web es completamente responsivo a los dispositivos móviles utilizando diferentes soluciones de diseño para los elementos en los puntos de interrupción.
Añadiendo y editando puntos de interrupción
En el tema del proyecto, puede que quieras añadir puntos de interrupción personalizados o editar los existentes.
Arrastrar y soltar
Ordena los elementos como quieras en la página, suéltalos en el área deseada o anídalos en otros elementos.
Multiselección
Puedes seleccionar varios elementos para establecer sus estilos, arrastrarlos y soltarlos en otro lugar, eliminar, etc.
Editor de texto
Puedes convertir una parte del texto en cursiva o negrita, convertirla en un enlace o convertir en span, y usar cualquier estilo para ello.
Selección profunda
Puedes subir y bajar en la jerarquía de elementos utilizando el doble clic. Si quieres sumergirte en la jerarquía, en Windows mantén pulsada la tecla Ctrl y en MacOS la tecla Cmd.
Soporte de Flexbox y Grid
Aquí en Quarkly, somos defensores de enfoques de vanguardia para la codificación de frontend.
Configuración de estilos de pseudo-clases hover/active/focus, etc.
Para cambiar la apariencia del elemento, por ejemplo, la forma en que se comporta al pasar el cursor, activa "hover" y aplica las propiedades deseadas.
Conexión con Google Fonts
Haz que tu sitio web se vea más vibrante utilizando fuentes de una biblioteca con más de 990 familias de fuentes.
Imágenes de Unsplash
Unsplash es uno de los stocks de imágenes gratuitas más de moda. Navega por su colección y elige imágenes directamente desde la interfaz de Quarkly.
Panel de propiedades
Aquí encontrarás propiedades de estilo y funcionales categorizadas.
Diseño
En esta sección, puedes encontrar propiedades de visualización de elementos.
Tipografía
En esta sección, puedes cambiar los estilos de texto utilizando propiedades especiales.
Sangrías
Abre estas configuraciones para configurar márgenes y rellenos.
Fondo
En esta sección, puedes encontrar propiedades para los fondos de los elementos.
Bordes
Aquí puedes configurar los bordes y el radio de los bordes.
Posición
Esta categoría te ayuda a configurar la posición del elemento y los ajustes de z-index.
Modo de fusión
Esta propiedad viene con oportunidades de diseño extra.
Sombra de caja
Esta propiedad te ayuda a elegir la sombra del elemento.
Transición
Esta propiedad hace que un elemento se mueva suavemente de un estado a otro.
Transformar
Con esta propiedad, puedes transformar el elemento, por ejemplo, rotar o ampliar.
Filtro
Esta propiedad te ayudará a aplicar una amplia gama de efectos visuales.
Grandes oportunidades de negocio.
Trabaja en equipo
Aprovecha la herramienta de colaboración de Quarkly: trabaja en un proyecto junto con tus compañeros de equipo, solo envíales una invitación.
Contenido
¡Aprovecha los bloques ya hechos: ventanas emergentes, mapas, videos y muchos más!
Flujo de trabajo familiar
No tendrás problemas para conocer cómo funcionan las cosas aquí. La curva de aprendizaje de Quarkly es realmente suave.
Bloques temáticos listos para usar
Puedes aprovechar los componentes con contenido temático. Trabaja con ellos igual que con los componentes regulares.
Catálogo con componentes
Contiene más de 40 componentes, y el catálogo no deja de crecer.
Etiquetas semánticas
Todos los componentes pueden actuar como una etiqueta. Solo selecciona el valor de la propiedad "as" necesaria.
Schema.org
Puedes establecer los atributos deseados a los elementos en el editor de código.
ALT de imagen
Esta es una propiedad separada del elemento "Imagen".
Favicons
Esta característica te ayuda a instalar iconos únicos para todos los dispositivos y un color de fondo de mosaico individual para Windows 10.
Open graph y metaetiquetas
Usa estos ajustes para la correcta visualización de tu sitio en redes sociales y en motores de búsqueda.
URL amigable para el usuario
Las URL limpias te ayudarán a mejorar el SEO de tu sitio.
Robots.txt y sitemap.xml
Estos archivos se crean automáticamente. Pero puedes editarlos como creas que encajan en el futuro.
Úsalo gratis.
Te damos Quarkly gratis mientras podamos, y luego ofrecemos el precio más bajo entre nuestros competidores.
Crear proyecto