Szerkesztői értékelések: Felhasználói értékelések:[Összesen: 0 Átlag: 0] @media(min-width: 500px) { } @media(min-width: 800px) { }
p>
A Btw ChatGPT Tailwind Components egy ingyenes webhely, amellyel Tailwind CSS-kódot generálhat webhelyei és internetes alkalmazásai számára. Természetes nyelvű bevitelt kér Öntől, majd létrehoz egy felhasználói felületet a megfelelő HTML/Tailwind kóddal, amelyet exportálhat.
A Tailwind CSS egy gyors és egyszerű felhasználói felületi keretrendszer a felhasználói felület összetevőinek gyors létrehozásához. De a probléma az, hogy ez egy kicsit ijesztő lehet a kezdők számára, mivel sok osztálynevet kell megjegyezniük a helyes használathoz. Szóval miért nem hagyjuk, hogy az AI kezelje ezt? Ezzel a küldetéssel a Btw elindította ezt az eszközt, amellyel helyes és precíz felhasználói felület-összetevő kódot állíthat elő mesterséges intelligencia segítségével úgy, hogy természetes nyelven magyarázza el a felhasználói felületet.
Hogyan generálhatunk Tailwind CSS-kódot a ChatGPT használatával?
Szerencsére , egyelőre nem szükséges regisztráció vagy regisztráció a használatához. Egyszerűen innen megnyithatja az eszköz fő kezdőlapját. majd kezdje el használni. A fő felhasználói felület egyszerű, és így néz ki.
A fő felületen először be kell állítani az elsődleges és másodlagos színeket a bal alsó sarokban. Ezután már csak meg kell határoznia a létrehozni kívánt felhasználói felületet. Létrehozhat egyszerű űrlapokat vagy akár összetett felhasználói felületeket is. Adjon meg annyi információt, amennyit csak tud.
Nyomja meg az Enter billentyűt, ekkor megjelenik a felhasználói felület előnézete, amely az Ön által megadott adatok alapján jön létre. Ha nem elégedett a kimenettel, módosítsa a beviteli promptot, majd küldje el. Ez ismét létrehozza az Ön számára a felhasználói felületet. Csak várnia kell néhány másodpercet.
Amikor megadja a kívánt felhasználói felületet, kimásolhatja a megfelelő kódot. A jobb felső sarokban válassza ki a HTML-t a legördülő menüből, és ekkor megjelenik a felhasználói felület kódja, amelyet bárhol másolhat és használhat. Ez ilyen egyszerű.
Ily módon ezt az AI-alapú kódgenerátort használhatja Tailwind CSS-kód generálására. Csak meg kell határoznia a létrehozni kívánt felhasználói felületet, és az gondoskodik a többiről. A kezelőfelület nagyon egyszerű, és ezzel az eszközzel bármikor könnyedén létrehozhat egy szép felhasználói felületet.
Záró gondolatok:
Főoldali mérnökként vagy tervezőként ezt imádni fogja. AI alapú Tailwind CSS kódgenerátor. Könnyedén, néhány másodperc alatt kóddá alakíthatja ötleteit. Megpróbáltam egyszerű formákat generálni, és úgy működött, mint egy varázslat. Tehát, ha kódgenerátort keres a felhasználói felület összetevőihez, akkor ezt az eszközt fel kell vennie a könyvjelzők közé.
