zod-to-json-schema
shadcn/ui
zod-to-json-schema | shadcn/ui | |
---|---|---|
3 | 140 | |
732 | 57,417 | |
- | 6.3% | |
8.1 | 9.3 | |
2 days ago | 3 days ago | |
TypeScript | TypeScript | |
ISC License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
zod-to-json-schema
-
Next.js and GPT-4: A Guide to Streaming Generated Content as UI Components
Zod and GPT-4 Zod is great for generating typed JSON from GPT-4, because you can easily convert Zod schemas to JSON schemas using zod-to-json-schema and include descriptions for each property. The JSON schemas are passed to GPT-4 as function definitions or in the prompt (when you are using JSON mode).
- JSON Schema Store
-
Types to JSON Schemas
https://github.com/StefanTerdell/zod-to-json-schema#readme
shadcn/ui
-
Shadcn UI: A Developer's Delight (My Experience)
You can access shadcn/UI using the following links. Official Site Github Repo
-
Create an AI prototyping environment using Jupyter Lab IDE with Typescript, LangChain.js and Ollama for rapid AI prototyping
I build an Angular or React app or smart component that uses the store in an Nx monorepo. I use the Shadcn UI in React apps, and the Shadcn-based spartan/ui in Angular apps, so I can use almost the same app architecture both in Angular and React.
-
How to Build Your Own ChatGPT Clone Using React & AWS Bedrock
Finally, for our front end, weโre going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome!
-
System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days
Shadcn/ui: I've never tried it before but have always wanted to switch from MaterialUI
- JoblessDev: New Open-Source CS Job Platform for Students and Recent Grads
-
Show HN: Open Source TailwindCSS UI Components
Honestly the ergonomics of heavily customizable generic component libraries aren't great. Copy and pasting a simple component to make the specific customizations you want helps reduce JS ecosystem churn and dependency pain. Popularity of libraries like shadcn/ui [1] are good acknowledgements of that.
[1] https://ui.shadcn.com/
-
Embark on a UI Odyssey: Top 5 Spectacular Libraries to Explore
shadcn/ui
-
Supabase Bootstrap: the fastest way to launch a new project
This model is very similar to the popular shadcn workflow. After files are creating in your local repo, you can modify them and check them into source control.
-
Best Next.js Libraries and Tools in 2024
Link: https://ui.shadcn.com/
-
Interview with a blind developer on how he works
One of my biggest fears as a frontend dev is to build UIs that are inaccessible for people. It's easy to take so many things for granted.
The good news is you get a lot of accessibility out of the box using native html. For higher abstractions I love working with accessibility first libraries like Shadcn (which is built on top of Radix): https://ui.shadcn.com/
What are some alternatives?
typebox - Json Schema Type Builder with Static Type Resolution for TypeScript
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
zod - TypeScript-first schema validation with static type inference
nextui - ๐ Beautiful, fast and modern React UI library.
ts-json-schema-generator - Generate JSON schema from your Typescript sources
material-ui-docs - โ ๏ธ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:
quicktype - Generate types and converters from JSON, Schema, and GraphQL
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
RxDB - A fast, local first, reactive Database for JavaScript Applications https://rxdb.info/
mantine - A fully featured React components library
resolvers - ๐ Validation resolvers: Yup, Zod, AJV, Joi, Superstruct, Vest, class-validator, io-ts, typanion, Ajv, TypeBox, Valibot and nope.
antd - An enterprise-class UI design language and React UI library