Onlook

Notre lecture

Onlook affiche une prévisualisation en direct d'une application React ou Next.js et permet aux designers de glisser, redimensionner et restyliser des éléments visuellement, chaque changement s'écrivant directement dans les fichiers source réels plutôt que dans un fichier de design séparé. Il opère avec le code comme seule source de vérité, donc il n'y a pas de fossé de remise design-développeur. Le projet compte plus de 25 000 étoiles GitHub et une version hébergée en cloud pour les équipes. Comme il nécessite un projet React ou Next.js existant, il ne peut pas être utilisé pour partir de zéro, et la tarification cloud n'est pas listée publiquement et nécessite une réservation de démo.

Là où il brille

• Les modifications s'écrivent directement dans les fichiers source, éliminant le fossé de remise design-vers-code
• Le cœur open source est gratuit et auto-hébergeable sur n'importe quelle infrastructure
• Supporte la collaboration multijoueur en temps réel sur des bases de code en cours d'exécution

À savoir avant

• Nécessite un projet React ou Next.js existant pour fonctionner
• La tarification cloud nécessite une réservation de démo plutôt qu'une inscription en libre-service