OxyProps

Rencontrez OxyProps pour faciliter votre flux de travail.

Le framework de propriétés personnalisées et d'utilitaires CSS pour votre constructeur de site

Moderne

• CSS
• Cadre

Créez des sites Web réactifs en utilisant les techniques CSS les plus modernes avec notre cadre dynamique.

• Une boîte à outils avancée pour les webdesigners
• construit avec l'accessibilité à l'esprit
• pour la performance de votre site Web

Puissant

• CONSTRUCTEUR
• Améliorations

Rationalisez votre flux de travail et libérez votre productivité avec d'énormes gains de temps dans votre constructeur.

• Le cadre à portée de main
• grâce à des menus contextuels intelligents
• et des éléments personnalisés efficaces

Nous adorons ces constructeurs de pages !

OxyProps est fait sur mesure pour ces constructeurs. Il détectera lequel est actif sur votre site et chargera les actifs correspondants.

• Oxygen Builder
• Bruicks Builder

Gagnez du temps, économisez de l'argent !

OxyProps vous aidera à gagner du temps dans votre processus.

Cela signifie plus de temps que vous pouvez consacrer aux activités à valeur ajoutée facturées à vos clients.

Pourquoi OxyProps est-il le meilleur match pour vous ?

Que vous soyez un propriétaire d'entreprise construisant votre premier site Web ou un développeur de sites Web expérimenté à la recherche d'efficacité et de gain de temps, OxyProps est là pour vous.

Un système de couleurs puissant

Oxyprops fait de la gestion des couleurs et des schémas de couleurs de votre site Web un jeu d'enfant.

À partir de votre tableau de bord de plug-in, sélectionnez des échantillons de couleurs prédéfinis ou définissez vos propres.

Lorsque vous concevez, utilisez simplement les couleurs logiques OxyProps (également disponibles en tant que couleurs globales). Votre conception répondra automatiquement à la lumière et à l'obscurité, ou à tout schéma de couleurs que vous choisissez.

Moins de frappe, les accessoires sont disponibles d'un simple clic

Avez-vous déjà essayé d'utiliser des propriétés personnalisées mais êtes-vous bloqué à chercher sans cesse la syntaxe correcte, ou perdez-vous du temps à taper et à retaper le nom de l'accessoire dans les champs de valeur ?

Oublie ça! Le menu contextuel intelligent d'OxyProps rend les accessoires pertinents pour un champ spécifique disponibles d'un simple clic.

Créez simultanément des versions claires et sombres de votre site

Lorsque vous utilisez les couleurs logiques d'OxyProps, votre site est réactif clair/foncé "prêt à l'emploi".

OxyProps ajoute une bascule clair/sombre à l'interface utilisateur de votre constructeur afin que vous puissiez toujours vous assurer que votre conception est belle dans les deux versions.

Navigation dans les classes et aperçu en direct

Vous ne vous souvenez pas de la classe exacte ou vous ne savez pas laquelle utiliser ?

OxyProps améliore la navigation dans la liste des classes de votre constructeur avec la navigation au clavier et l'aperçu en direct de l'effet de classe.

Pas besoin de combattre le cadre

Avez-vous déjà utilisé un framework CSS, puis passé des heures à essayer de styliser un élément en luttant contre les défauts du framework construit avec une spécificité extrême ou même des règles importantes ?

OxyProps est construit avec des règles de spécificité zéro afin que vous puissiez toujours appliquer facilement vos styles personnalisés au niveau local.

Pas besoin de combattre le cadre

Avez-vous déjà utilisé un framework CSS, puis passé des heures à essayer de styliser un élément en luttant contre les défauts du framework construit avec une spécificité extrême ou même des règles importantes ?

OxyProps est construit avec des règles de spécificité zéro afin que vous puissiez toujours appliquer facilement vos styles personnalisés au niveau local.

OxyProps couvre tous les aspects de la conception

La gamme de propriétés et de classes d'utilité offertes par OxyProps est large et s'élargira encore avec les futures versions.

Couleurs

• Comme OxyProx est construit sur Open Props, il inclut également Open Color, un jeu de couleurs open source optimisé pour le développement de l'interface utilisateur.

Schémas de couleurs

• OxyProx s'adapte automatiquement aux préférences claires ou sombres du visiteur de votre site Web.
• Profitez de notre sélecteur de schémas.

Dispositions

• Nos accessoires et cours de mise en page vous aideront à concevoir votre mise en page préférée en un rien de temps.
• La plupart d'entre eux sont conçus pour être naturellement réactifs !

Dégradés

• Les dégradés OxyProps peuvent être utilisés comme dégradés d'arrière-plan ou de texte.
• Combinez-les avec du bruit et des filtres pour des effets visuels améliorés.

Ombres

• Une sélection d'ombres de boîtes intérieures et extérieures de plusieurs forces pour apporter de la profondeur à vos conceptions.
• Et ils s'adaptent aux modes clair et sombre !

Rapports d'aspect

• Donnez facilement à un élément l'aspect que vous souhaitez sans toucher aux hauteurs.
• Disponible avec ou sans ajustement d'objet : couvercle.

Typographie

• Un ensemble d'accessoires utiles pour styliser vos textes. Tailles de police fluides et statiques, interlignage et suivi, orientations du texte et autres propriétés typographiques, le tout prêt à l'emploi.

Assouplissement

• Vous trouverez les fonctions de synchronisation familières d'aisance, de sortie, d'entrée et de sortie disponibles en 5 forces. Mais aussi des assouplissements supplémentaires qui imitent la physique !

Animations

• Obtenez des effets d'images clés prédéfinis à utiliser tels quels ou combinés dans vos propres animations.
• Les classes utilitaires OxyProps vous permettent de cibler les états normaux, actifs et en survol.

Tailles

• Pas de px ici, des unités relatives tout du long.
• Disponible en tailles fixes ou fluides.

Les frontières

• Tout ce dont vous pouvez avoir besoin pour styliser les bordures : largeur, rayon d'angle, rayon rond, rayon conditionnel et une sélection de gouttes.

Indice Z

• Prenez le contrôle de la troisième dimension avec les props et les classes Layers qui apportent toutes les valeurs de z-index dont vous pourriez avoir besoin !

Requêtes multimédias

• Actuellement en avance sur la spécification CSS, Open Props apporte à OxyProps des requêtes multimédias nommées avec la syntaxe @custom-media. Pas encore supporté par les navigateurs mais prêt pour le futur du CSS !

Boutons

• OxyProps inclut des classes utilitaires pour convertir vos liens texte Oxygen en bouton.
• Combinez-les avec des accessoires de couleur et des accessoires d'animation pour obtenir des effets visuels impressionnants.

Cartes

• 2 ensembles de classes utilitaires de cartes correspondant à votre thème de couleur en utilisant des surfaces et des ombres pour ajouter de la profondeur à votre conception.
• Des cartes pleines, comme celle-ci, et des cartes en verre pour un effet glassmorphisme.