Générateur de site Web React. C'est Quarkly.
Interface visuelle, paramètres de conception adaptative, éditeur de code, composants React, toutes les possibilités de CSS. Utilisez des composants React préfabriqués ou créez les vôtres. Possibilités de personnalisation illimitées, outils sans code d'un éditeur classique
Créer un projet
Fonctionnalités intéressantes pour les développeurs React.js.
Création de composants React personnalisés dans l'éditeur de code
Vous pouvez créer des composants React personnalisés dans l'éditeur de code Quarkly et les ajouter ensuite à la page.
Guide pour les développeurs
Informations utiles sur la création de composants Quarkly, la construction d'applications, et plus
Importation rapide de modules NPM
Importer des modules dans votre composant à partir de NPM n'a jamais été aussi facile.
Export vers Create React App
Une seule étape pour terminer votre projet ou l'héberger sur votre propre serveur : exportez-le dans une archive avec un projet create-react-app.
Export vers le projet Gatsby
Exportez vos projets vers Gatsby — l'un des frameworks web de génération de sites statiques les plus célèbres
Envoyer des commits à votre dépôt GitHub
Vous voulez créer un dépôt GitHub pour votre projet et y valider des modifications ? Un jeu d'enfant !
Publication sur Netlify
Lorsque votre site est prêt, publiez-le sur Netlify. Il aura un domaine technique, par exemple: https://inspiring-beaver-d128ed.netlify.app.
Éditeur de code intégré moderne
Dans l'éditeur Quarkly, vous pouvez surveiller toutes les entités présentes sur la page.
Débogueur
Notre console de débogage vous aidera à suivre les erreurs dans le code des composants et des pages.
Conseils de code
Si vous avez des doutes sur la façon d'écrire une propriété, commencez à taper, et l'éditeur complétera ce que vous écrivez.
Pages et éditeur de code synchronisés
Toutes les modifications que vous appliquez aux pages sont affichées dans le code et vice versa.
Contrôle total de la conception.
Fonctionnalités
Maintenant, votre site web sera remarqué ! Utilisez nos animations uniques, nos mises en page accrocheuses et nos transformations.
Primitifs
Des composants de base qui ressemblent à des balises HTML comme Texte, Image, Boîte, et autres.
Création de composants sur une page
Choisissez un élément ou un groupe d'éléments sur la page ou sur le panneau Calque et transformez-les en un composant. Ajoutez des copies de composants à la page et elles hériteront de toutes les propriétés.
Affichage des propriétés personnalisées sur le panneau
Toute propriété appartenant à un composant personnalisé peut être affichée sur le panneau de droite.
Thèmes
En utilisant les thèmes, vous pouvez créer une conception cohérente pour votre site.
Personnalisation de la conception avec des points d'arrêt
Votre site web est entièrement réactif aux appareils mobiles en utilisant différentes solutions de conception pour les éléments aux points d'arrêt.
Ajout et modification de points d'arrêt
Dans le thème du projet, vous pouvez ajouter des points d'arrêt personnalisés ou en modifier les existants.
Glisser-déposer
Disposez les éléments comme vous le souhaitez sur la page, déposez-les dans la zone souhaitée ou imbriquez-les dans d'autres éléments.
Sélection multiple
Vous pouvez sélectionner plusieurs éléments pour définir leurs styles, les glisser-déposer à un autre endroit, les supprimer, etc.
Éditeur de texte
Vous pouvez transformer une partie du texte en italique ou en gras, en faire un lien ou le convertir en span, et utiliser n'importe quel style pour cela.
Sélection approfondie
Vous pouvez monter et descendre dans la hiérarchie des éléments en utilisant le double clic. Si vous voulez plonger dans la hiérarchie, sur Windows, maintenez la touche Ctrl enfoncée et sur MacOS la touche Cmd.
Support de Flexbox et Grid
Ici, à Quarkly, nous sommes les défenseurs des approches de pointe en matière de codage frontend.
Configuration des styles des pseudo-classes hover/active/focus, etc.
Pour changer l'apparence de l'élément, par exemple, la façon dont il se comporte au survol, activez "hover" et appliquez les propriétés souhaitées.
Connexion Google Fonts
Rendez votre site web plus dynamique en utilisant des polices provenant d'une bibliothèque de plus de 990 familles de polices.
Images Unsplash
Unsplash est l'une des banques d'images gratuites les plus tendances. Parcourez sa collection et choisissez des images directement depuis l'interface de Quarkly.
Panneau de propriétés
Ici, vous trouverez des propriétés de style et fonctionnelles catégorisées.
Disposition
Dans cette section, vous pouvez trouver les propriétés d'affichage des éléments.
Typographie
Dans cette section, vous pouvez changer les styles de texte à l'aide de propriétés spéciales.
Indentations
Ouvrez ces paramètres pour configurer les marges et les rembourrages.
Fond
Dans cette section, vous pouvez trouver des propriétés pour les fonds d'éléments.
Bordures
Ici, vous pouvez configurer les bordures et le rayon des bordures.
Position
Cette catégorie vous aide à configurer la position de l'élément et les paramètres de l'indice z.
Mode de fusion
Cette propriété offre des opportunités de conception supplémentaires.
Ombre de boîte
Cette propriété vous aide à choisir l'ombre de l'élément.
Transition
Cette propriété permet à un élément de passer en douceur d'un état à un autre.
Transform
Avec cette propriété, vous pouvez transformer l'élément, par exemple, le faire pivoter ou le zoomer.
Filtre
Cette propriété vous aidera à appliquer une large gamme d'effets visuels.
De grandes opportunités d'affaires.
Travaillez ensemble en équipe
Profitez de l'outil de collaboration Quarkly : travaillez sur un projet ensemble avec vos coéquipiers, il suffit de leur envoyer une invitation.
Contenu
Utilisez les blocs prêts à l'emploi : pop-ups, cartes, vidéos, et bien d'autres!
Flux de travail familier
Vous n'aurez aucun problème à comprendre comment les choses fonctionnent ici. La courbe d'apprentissage de Quarkly est vraiment douce.
Blocs thématiques prêts à l'emploi
Vous pouvez profiter de composants avec du contenu thématique. Travaillez avec eux tout comme avec des composants réguliers.
Catalogue avec composants
Contient plus de 40 composants, et le catalogue ne cesse de croître.
Balises sémantiques
Tous les composants peuvent agir comme une balise. Il suffit de sélectionner la valeur de la propriété "as" nécessaire.
Schema.org
Vous pouvez définir les attributs souhaités pour les éléments dans l'éditeur de code.
Image ALT
Il s'agit d'une propriété distincte de l'élément "Image".
Favicons
Cette fonctionnalité vous aide à installer des icônes uniques pour tous les appareils et une couleur de fond de tuile individuelle pour Windows 10.
Open graph et meta tags
Utilisez ces paramètres pour l'affichage correct de votre site sur les réseaux sociaux et dans les moteurs de recherche.
URL conviviaux
Les URL propres vous aideront à améliorer le SEO de votre site.
Robots.txt et sitemap.xml
Ces fichiers sont créés automatiquement. Mais vous pouvez les modifier comme vous pensez qu'ils conviennent à l'avenir.
Utilisez-le gratuitement.
Nous vous offrons Quarkly gratuitement aussi longtemps que nous le pouvons, puis nous offrons le prix le plus bas parmi nos concurrents.
Créer un projet