Learn how to integrate Shadcn UI components with a Refine app using Vite and TypeScript. This post walks you through setting up TailwindCSS, configuring TypeScript and Vite, and generating Shadcn components such as tables, buttons, and pagination for a seamless UI experience.

17m read timeFrom refine.dev
Post cover image
Table of contents
Introduction ​Overview ​What is Refine? ​What is Shadcn? ​Initializing a Refine App for Shadcn ​Integrating Shadcn with Refine ​Shadcn in Refine: Installing and Using Shadcn Components ​Refine and Shadcn: Building a Resource List Page with Shadcn UI Components ​Other Pages ​Summary ​
1 Comment

Sort: