AI képgenerátor. AI videógenerátor. És több.
Blokkkönyvtár
Több mint egy komponenskönyvtár. Használja a beépített AI képgenerátort és AI videógenerátort erőforrások létrehozásához, 3D jelenetek és shaderek építéséhez, helyben vagy a felhőben, mindezt élő előnézettel.
Hozz létre, tárold és használd újra a komponenseket!
Ez több, mint egy egyszerű komponenskönyvtár. Hozzon létre felhasználói felület elemeket, generáljon képeket és videókat mesterséges intelligencia segítségével, építsen 3D-s jeleneteket és GLSL shadereket – mindezt valós időben megtekinthető előnézettel és verziókövetéssel.
Komponenscsoportok
Rendezze a blokkokat csoportokba. Hozzon létre egyedi kategóriákat a felhasználói felület elemeihez, shader-ekhez, 3D-s jelenetekhez és médiaeszközökhöz. Tartsa mindent rendben és könnyen kereshetően.
AI-al generált blokkok
Használjon mesterséges intelligenciát szöveges leírások alapján blokkok létrehozásához. Készítsen összetevőket Reacthez, Vue-hoz, Svelte-hez, Angularhez, SolidJS-hez vagy natív JavaScripthez a Direct vagy a Variation generálási módok segítségével.
GLSL árnyékolók és 3D
Hozz létre és tekintsd meg élőben a Three.js jeleneteket, a GLSL shader-eket és a WebGL tartalmakat egy interaktív fejlesztői környezetben. Tárold őket újra felhasználható modulként a könyvtáradban.
Előnézet élőben
Minden blokk egy élő előnézeti ablakkal jelenik meg. Kövesse a kódmódosításait valós időben, miközben szerkeszti – legyen szó React komponensről, GLSL shader-ről vagy 3D jelenetről.
Több blokk egyidejű létrehozása
Hozzon létre egyszerre több blokkot mesterséges intelligencia segítségével. Készítsen egyetlen műveletben több komponensvariációt, színsémát, elrendezési alternatívát és még sok mást.
Verziótörténet
Teljes verziótörténet minden blokktípus esetén. Kövesse nyomon a változtatásokat, állítsa vissza a korábbi verziókat, és kezelje a komponensek fejlődését a React, Vue, Svelte, Angular, SolidJS és a hagyományos JavaScript környezetben.
Blokktár és szervezés
A Blokktár a személyes komponensgyűjteményed. Hozz létre csoportokat, hogy kategóriák szerint rendszerezd a blokkjait – például felhasználói felület-elemek, oldalszakaszok, shader-ek, 3D-s jelenetek, vagy bármilyen egyedi besorolás alapján. Minden blokkhoz tartozik egy részletes nézet, amely tartalmazza a blokk metaadatait, a hozzá tartozó kódot és egy élő előnézetet. Böngéssz, keresgélj és kezeld az összes blokkját egyetlen felületről.
- Hozzon létre egyéni csoportokat, hogy kategóriák szerint rendszerezze a blokkokat
- Blokkoljon kártyákat azonnali előnézettel és metaadatokkal
- Részletnézet az egyes blokkok megtekintéséhez és szerkesztéséhez
- Kereshet és szűrhet az összes fájl között a könyvtárában
- Húzd a blokkokat a vázlatos tervezésedbe
Mesterséges intelligenciával működő blokk-generátor
Nyissa meg a Szerkesztő nézetet, hogy mesterséges intelligencia segítségével új elemeket hozzon létre. Használja az AI-alapú promptmezőt, hogy leírja, mit szeretne – például egy bejelentkezési űrlapot, egy árkategóriás kártyát vagy egy navigációs sávot –, és a mesterséges intelligencia generálja a kódot. Válassza a Közvetlen módot, ha teljesen új elemeket szeretne létrehozni, vagy a Változatok módot, ha egy meglévő elem alapján szeretné generálni az alternatívákat.
- Mesterséges intelligencia által vezérelt prompt-generátor természetes nyelvű szövegrészletek létrehozásához
- Közvetlen mód (A) – blokkok létrehozása szöveges leírás alapján
- Variációs mód (V) – egy meglévő blokk alternatív verzióit generálja
- AI által generált tartalmak kategóriái a különböző generálási típusokhoz
- Kódszerkesztő, mely támogatja a szintaxis kiemelést és a valós idejű előnézetet
GLSL shader-ek, Three.js és WebGL
A Block Library nem korlátozódik az UI-elemekre. Hozzon létre és tároljon GLSL shader-eket, Three.js 3D-s jeleneteket és WebGL-kísérleteket – mindezt egy interaktív környezetben, valós idejű előnézettel. Használjon mesterséges intelligenciát a shader-kód vagy a 3D-s jelenetek létrehozásához, majd mentse el őket újrafelhasználható blokkokként.
- Three.js-szel készült 3D-s jelenet, melyet valós időben lehet megtekinteni
- Valós idejű rendereléssel rendelkező GLSL shader-szerkesztő
- WebGL-kísérletek egy elkülönített környezetben
- Mesterséges intelligencia által generált shader-ek és 3D-s tartalom
- Tárolja és használja újra különböző projektekben
Blokkok változatai
Egyetlen parancs segítségével hozd létre egy adott elem számos variációját. Legyen szó felhasználói felületről vagy GLSL shader-ről, a mesterséges intelligencia alternatívák sorát generálja – mindegyik eltérő stílusban, színpalettával vagy struktúrával. Nézd meg őket egymás mellett, mentsd el a kedvenceidet egy csoportba, vagy töröld azokat, amelyekre nincs szükséged.
- Hozz létre öt vagy több változatot egyetlen szöveges blokkból vagy utasításból
- Oldal-választóval ellátott előnézeti kártyák valós idejű rendereléssel
- Add hozzá a csoporthoz, hogy a különböző változatokat rendszerezve tárolhasd
- Mentse el mindet, vagy törölje mindet a gyors tömeges műveletekhez
- Kompatibilis az UI-elemekkel, shader-ekkel, 3D-s jelenetekkel és egyéb elemekkel
Mesterséges intelligencia által generált képek és videók
A Block Library-ba beépítve, használja a mesterséges intelligencia által vezérelt képgenerátort szövegből képre és képekből új képek létrehozására a ComfyUI segítségével helyben, vagy 6 vagy több felhőszolgáltató segítségével. Készítsen videókat mesterséges intelligencia segítségével a Kling, Veo és más eszközökkel. Hozzon létre mesterséges intelligencia által generált Markdown-fájlokat képekből, amelyek CLI-eszközökkel használhatók. A generált médiatartalmak mindegyike blokkokként tárolható a könyvtárban.
- Szövegből kép és képből kép generálás – helyi telepítéssel a ComfyUI segítségével, vagy 6+ felhőszolgáltató használatával
- Szövegből videó és képekből videó készítése a Kling, Veo és más platformokon
- Képekből generált Markdown-szöveg, melyet parancssori eszközökkel lehet használni
- A létrehozott médiatartalmakat mentsd el úgy, hogy később újra felhasználhasd őket
- A létrehozott tartalmak teljes verziótörténete
Készen áll a következő alkalmazás AI-val történő létrehozására?
Csatlakozzon fejlesztők ezreihez, akik a Kaiju Hub AI-ot használják tervezéshez, kódgeneráláshoz és gyorsabb publikáláshoz. Ingyenes AI alkalmazáskészítő — kezdjen még ma.
Kezdjen ingyen