- Framework UI generatif tempat AI menerima prompt pengguna, lalu menghasilkan struktur JSON dan merendernya dengan komponen yang telah didefinisikan sebelumnya
- Menghasilkan UI yang dinamis dan dipersonalisasi dari prompt, sambil memastikan output yang aman dan dapat diprediksi melalui katalog komponen yang telah ditentukan sebelumnya
- Jika komponen, aksi, dan fungsi validasi yang tersedia didefinisikan dalam katalog, AI hanya akan menghasilkan JSON terbatas (constrained) di dalam cakupan tersebut
- JSON yang dihasilkan dirender secara bertahap dengan metode streaming, sehingga UI langsung tampil begitu respons model mulai diterima
- UI yang dihasilkan dapat diekspor sebagai kode React mandiri (proyek Next.js), dan juga dapat didistribusikan sebagai kode React murni yang berjalan tanpa dependensi runtime
- Mendukung rendering di React dan React Native dengan katalog dan format spesifikasi yang sama, sehingga web dan mobile dapat dicakup dalam satu definisi
- Komponen yang disediakan
- Layout: Card, Grid, Stack, Tabs, Carousel, Collapsible, Accordion
- Input: Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle, ToggleGroup, Rating
- Tampilan: Text, Heading, Image, Badge, Alert, Progress, Skeleton, Spinner, Table, Avatar, Separator
- Interaksi: Button, ButtonGroup, Link, DropdownMenu, Dialog, Drawer, Popover, Tooltip, Pagination
- Grafik: BarGraph, LineGraph
- Setiap komponen mendukung binding data dua arah melalui
{ $bindState }
- Aturan validasi seperti
required, email, minLength, dan lainnya dapat ditentukan secara deklaratif melalui array checks
- Event handler dapat diikat dengan
on.press, on.change, on.select, on.submit, dan lainnya
npm install @json-render/core @json-render/react
1 komentar
Luar biasa. Sepertinya ke depannya ini akan bagus sebagai medium yang menghubungkan perencanaan, desain, dan ranah publishing.