My New Favorite Next.js 13 UI Library (Radix UI Themes)

Показать описание

0:00 Intro
3:17 Setup Radix UI Themes
4:50 Build User Interface With Radix UI Themes
10:58 Using Radix UI Icons For Comments Feature
13:42 Finishing up UI design

Рекомендации по теме

Комментарии

This is a great video, thanks for walking through Radix themes. It feels like you really understand it.

plusplus

Amazing tutorial without extra fluffs, but how about responsive layout? how are we going to handle different screen sizes with props

amirnoorani

how to change the default font to inter. I followed the documentation but not working.

AdnanSami-jpen

Can we make a theme.js file to define a new structure for all colors like making a new design system for colors and texts etc etc

OnlyCleaning

I could tell that first issue comes from some internalized personal experience haha. "It's wrong shade of green, it's mission critical". I think we all dealt with life and death situation like this

cwwmbm

Why do you use <Flex> component since you're using tailwind css? You can just use classname="flex"

I suggest using shadcn/ui If you're using tailwind css since shadcn/ui is built on top of radix

magedibrahim

I feel like this is more designed for SAAS websites rather than for e-commerce for exemple. Don’t you think?
What do you think of NextUI 2.0 ? It seems more polished and comes with more components. ( Nav menu for exemple)

saademlyon

Thanks for the video, and detailed replies to comments <3, can you create a tutorial on building an e-commerce store with stripe, radix UI, and also with a chat messenger like support system (so we can learn about real time chat as well), using nextjs 13, and appwrite maybe?

optimbro

could you to do more video with radix ui, It is hard to find videos about.

cleitonify

Amazing video man. I have a question tho, what would be the benefit of using radix components for basic html rather than just tailwind? I get the Dialogs, According, etc. but I don’t see a benefit with using the “Heading” component

Diego_Cabrera

Nice job. Though doesn’t it seem weird to put layout styles as component props? For example, wouldn’t that make responsive layout choices more difficult? Like changing flex column to row depending on screen size?

cb

Pretty cool but i still prefer shadcn. Its easy to setup with the cli and has themes too. I personally think it looks much better by default, plus you have full control on how u want to use radix premitives. Not being able to do that and having to create extra wrapper in other component libraries is so annoying

ABHISHEK-jckn

My New Favorite Next.js 13 UI Library (Radix UI Themes)

Next.js 13 - The Basics

Next.js 13… this changes everything

Learn Next.js 13 With This One Project

Next.js 13 Crash Course | App Directory, React Server Components & More

Next.js 13 Crash Course Tutorial #1 - Introduction & New Features

The Ultimate NEXT.JS 13 Tutorial (Complete Walkthrough w/ Examples)

NextJS 13 API Routes: Better Than Expected!

Next.js Client Components | Build a Small Project with Nextjs 13

Lets build a Markdown blog using Next.js, Shadcn UI, Rehype and Tailwind CSS 🔥

My Favorite Way to Use Markdown in NextJS

NextJS 13 UI Game Changer: The Library for Faster, Better Development

NextJS 13 & Why it's complicated

Next.js 13 changes everything!

NextJS Tutorial - All 12 Concepts You Need to Know

Loading UI with Next.js 13 and React Suspense

Why I Don't Use NextJS For My Side Project Anymore

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework

Next.js 13: Prevent Common Mistakes w/ New TypeScript Plugin

Try Next.js 13 new App directory!

Next.js 13 Crash Course Tutorial #10 - Loading UI & Suspense

Next.js Full Tutorial for Beginners | Next.js 13 Full Stack App Using App Router

Static vs Dynamic Rendering vs ISR in Next.JS 13 App Router Explained

Fetching Data in Next.js 13: Everything You Need To Know #nextjs #nextjs13 #reactjs #coding

NextJS 13 Performance Showdown!