chakra ui
@chakra-ui
Chakra UI es una biblioteca completa de componentes React accesibles, reutilizables y componibles que agiliza el desarrollo de sitios web y aplicaciones web modernos. La biblioteca ofrece una amplia gama de componentes que se pueden combinar fácilmente para crear interfaces de usuario complejas y al mismo tiempo cumplir con las mejores prácticas de accesibilidad.
create-react-appEs el sitio web https://chakra-ui.com para obtener la última versión de Chakra UI. Para versiones anteriores, dirígete aquí
Box y Stack que facilitan el diseño de sus componentes pasando accesorios. Más informaciónaria-* correctos. Para usar los componentes de Chakra UI, todo lo que necesita hacer es instalar el paquete @chakra-ui/react y sus dependencias de pares:
# with Yarn
$ yarn add @chakra-ui/react @emotion/react
# with npm
$ npm i @chakra-ui/react @emotion/react
# with pnpm
$ pnpm add @chakra-ui/react @emotion/react
# with Bun
$ bun add @chakra-ui/react @emotion/reactPara comenzar a utilizar los componentes, siga estos pasos:
ChakraProvider proporcionado por @chakra-ui/react . import { ChakraProvider , defaultSystem } from "@chakra-ui/react"
// Do this at the root of your application
function App ( { children } ) {
return < ChakraProvider value = { defaultSystem } > { children } < / ChakraProvider >
} Opcionalmente, puede empaquetar su aplicación con ColorModeProvider para poder alternar entre el modo claro y oscuro dentro de su aplicación.
import { Button } from "@chakra-ui/react"
function Example ( ) {
return < Button > I just consumed some ⚡️Chakra! < / Button >
}Más guías sobre cómo empezar están disponibles aquí
create-react-app Consulte nuestra guía para obtener información sobre cómo utilizar nuestras plantillas oficiales create-react-app .
¿Tienes ganas de contribuir? ¡Eso es increíble! Tenemos una guía que contribuye para ayudarle a guiarse.
Nuestro sitio de documentación se encuentra en un repositorio separado. Si está interesado en contribuir a la documentación, consulte la guía de contribución del sitio de documentación.
Apoye este proyecto con su organización. Su logotipo aparecerá aquí con un enlace a su sitio web. [Contribuir]
Al donar $5 o más puedes apoyar el desarrollo continuo de este proyecto. Apreciaremos algo de apoyo. ¡Gracias a todos nuestros seguidores! [Contribuir]
La gente me lanza bibliotecas de componentes de React y sistemas de diseño con regularidad. Este podría ser el mejor que he visto. Las API son simples pero componibles y la accesibilidad de los dos componentes que busqué es completa.
Gran trabajo @thesegunadebayo, trabajo realmente inspirador. -Ryan Florencia
Impresionante nueva biblioteca de componentes de código abierto de @thesegunadebayo. ¡Cosas realmente impresionantes! – Colm Tuite
Este es un trabajo increíble. ¡Increíble trabajo! Segun! -Lee Robinson
¡La interfaz de usuario de Chakra es gloriosa! Me encanta el uso constante del estilo de enfoque y la animación sutil – Guillermo ▲
Nos sentimos muy honrados de recibir premios y menciones de la comunidad por toda la innovación y el alcance que Chakra UI aporta al ecosistema de JavaScript.
Solución que vale la pena seguirRadar tecnológico (2020-2021) | |
La contribución más impactante a la comunidadPremios de código abierto (2020) |
Gracias a estas maravillosas personas.
Según Adebayo ? ? | Tioluwani Kolawole ? | Devansh Jethmalani | Adrián Aleixandre | Sotavento | Kristóf Poduszló ? ? | Justin Hall |
Marcos Chandler | Folasade Agbaje ? | Christian Nwamba | Jonathan Bakebwa ? | Alex Luong ? | Jesco Wüster | Doris polvorienta |
Alex Lobera | Tommaso De Rossi | Odí | Hendrik Niemann | Matt Rothenberg | Luis Felipe Zaguini | Vaquero |
Temitope Ajiboye | jonathan kim | Chris Thompson | WALTER KIMARO | Jack Leslie | Ken-Lauren Daganio | Ramón |
cadena ? | Ayelegun Kayode Michael | Tal Williams | Trevor Cuchillas ? | Gord Lea | Aggelos Arvanitakis | Douglas Gabriel |
Martin Nordström | danny tatom | Simón Collins | Santi Albo | PILO7980 | Ishimoto Koji | Jeff Wen |
Pablo Sáez | Nejc Ravnik | Julien Viala | Sebastián Trebunak | Adam Planta | lucio rubens | Jason Miazga |
Gonzalo Pozzo | cristiano ? | Christian Hagendorn | Andrei Krasnov | Dony Sukardi | meng | Gabriele Belluardo |
francois mejor | Tianci He | esteban | Bautista Adrián | Rob Bevan | Tomasz | 徐愷 |
David Wippel | naveen | Vicente | Osama Aldoaiss | Fred K.Schott | Jared Palmer | Austin Walela |
Tony Narlock | Tomás Maximini | David Baumgold | raphilius | Rahul Rangnekar | Pierre Nel | Pierre Grimaud |
I+D de Whisp | Makenna Smutz ? | Nelson Reitz | Mohamed Nainar | Mustafa Turhan | Kim Roen | Justin Mak |
jeremy davis | Jeremy Lu | Ivan Dalmet ? | Curry Dillon | identificador | denkigai | Aarón Adams |
Abdulazeez Adeshina | sandro | Premkumar Shanmugam | Tobias Meixner | Jérémie Leblanc | Kelvin Oghenerhoro | David J. Félix |
Brody Mc Kee | Por Svensson | Patricio Cason | Ivo Ilić | Avaneesh Tripathi | balibebas | Navin Moorthy |
Tim Kindberg | yodar | MAO YUFENG | Peng Jie | James Gee | Antón | Damnjan Lukovic |
stanila andréi | Ekunola Ezequiel | Ben Mitchinson | Jess Telford | Simo Alexandrov | Hericles Emanuel | CodinCat |
Samuel Dawson ? | hy2k | Pedro Ortega | Kerem Sevencan | harveyhalwin | mansur benyoucef | Andrés Garrison |
Carlos Rodrigues | David Watson | ChasinHues | Nahuel Greco ? ? | Pablo Rocha | Daniel Larimer ? | Juliano Farías |
joe campana ? | Henning Pohlmeyer | Sivert Schou Olsen | Andréi Lazarescu | José Teixeira ? | Adriano Resende | Víctor Bastos |
Vicente | Candice ? ? | David Bauman | TimKolberger ? | Stéphane Mensah ? | iskanderbroere | Dominik Sumer |
Pavel 'Strajk' Doleček | Keshav Bohra | okezieuc | Clayton Faria | Andres Ellis ? | Joel Galán ? | Jaya Krishna Namburu |
Ifeoma Imoh | Jason Adkison ? | Gauthier Rodaro ? | Tom Dohnal | Sam Margalit ? | Marcos de madera | Spencer Duball |
Jacob Arriola | Kenley Jean | Dennis Morello ? | Umar Góra | Ziclotrop-j | Hong Suk Woo | Junho Yeo |
Thomas Siller | Samuel Kauffman | Jozef Mikuláš | Juan Víctor | yuichiro miyamae | Gifa Eriyanto ? | Yuzi |
songheewon | Prasanna Venkatesh TS | Anthowm | Osama Ahmaro ? | Danan Wijaya | electater ? | Shubham Kaushal |
Petter Sæther Moen | Herman Nygaard | jnmsl | Mohamed Sayed | Sam Poder | Dominique Lee | Feras Aloudah ? |
JP Ungaretti | Endika Intxaurtieta | matt pozos | anant jain | Tom Chen ? | Ernie Miranda | bjoluc |
Sujit Pradhan | Abhishek Kashyap | Kristian Djaković | Antoniel Magalhaes | Griko Nibras ? | imalbert | mcha |
Hasib Hasan | Jamie Rolfs ? | Surabhi Gupta | Ningaro ? | mona | Wade McDaniel | Gordon Goldbach |
Bish | Amilkar Muñoz | Samar Mohán | João Paulo Rodrigues | Avery Freeman | Daniel Schulz ? ? | Michael Kilbane |
ngxCoder | Kristofer Giltvedt Selbekk | Johann Ehlers | Lucas Bach | Lazar Nikólov ? | iwata ? | Lee seung-chan |
pomSense | ser-estudiante | Tatsuya Itakura ? | yuku kotani ? | Vadim Demedes |
(tecla emoji):
Este proyecto sigue la especificación de todos los contribuyentes. ¡Se aceptan aportes de cualquier tipo!
MIT © Segun Adebayo
