Has anyone successfully setup Ant Design in a Next 13 project that uses the app folder? If so, how?

• shadcn/ui

  136 56,834 9.3 TypeScript

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  

SHADCN UI. Check this out. Uses Radix UI, but integrated within the app folder very easily. My favorite extended library. All components are highly customizable with Tailwind CSS implementation. If you're not a fan of tailwind, you can also just use RadixUI and accomplish the same task.

• ant-design-examples

  1 61 5.8 CSS

  Use antd in create-next-app

  

Final update. Got everything up and running, then did a test build - got the the dreaded FOUC. Used the example here https://github.com/ant-design/create-next-app-antd which seems to be the recommended strategy of dealing with it by generating a css file - seems hacky though and actually appears incompatible with the new app folder system. All a bit of a mess.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• daisyui

  248 30,810 9.8 Svelte

  🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

Will ditch Ant Design and move onto Tailwind + https://ui.shadcn.com/ or https://daisyui.com/.

Suggest a related project