export const FRAMEWORKS = {
"next-app": {
name: "next-app",
label: "Next.js",
links: {
installation: "https://ui.shadcn.com/docs/installation/next",
tailwind: "https://tailwindcss.com/docs/guides/nextjs",
},
},
"next-pages": {
name: "next-pages",
label: "Next.js",
links: {
installation: "https://ui.shadcn.com/docs/installation/next",
tailwind: "https://tailwindcss.com/docs/guides/nextjs",
},
},
remix: {
name: "remix",
label: "Remix",
links: {
installation: "https://ui.shadcn.com/docs/installation/remix",
tailwind: "https://tailwindcss.com/docs/guides/remix",
},
},
"react-router": {
name: "react-router",
label: "React Router",
links: {
installation: "https://ui.shadcn.com/docs/installation/react-router",
tailwind:
"https://tailwindcss.com/docs/installation/framework-guides/react-router",
},
},
vite: {
name: "vite",
label: "Vite",
links: {
installation: "https://ui.shadcn.com/docs/installation/vite",
tailwind: "https://tailwindcss.com/docs/guides/vite",
},
},
astro: {
name: "astro",
label: "Astro",
links: {
installation: "https://ui.shadcn.com/docs/installation/astro",
tailwind: "https://tailwindcss.com/docs/guides/astro",
},
},
laravel: {
name: "laravel",
label: "Laravel",
links: {
installation: "https://ui.shadcn.com/docs/installation/laravel",
tailwind: "https://tailwindcss.com/docs/guides/laravel",
},
},
"tanstack-start": {
name: "tanstack-start",
label: "TanStack Start",
links: {
installation: "https://ui.shadcn.com/docs/installation/tanstack",
tailwind: "https://tailwindcss.com/docs/installation/using-postcss",
},
},
gatsby: {
name: "gatsby",
label: "Gatsby",
links: {
installation: "https://ui.shadcn.com/docs/installation/gatsby",
tailwind: "https://tailwindcss.com/docs/guides/gatsby",
},
},
expo: {
name: "expo",
label: "Expo",
links: {
installation: "https://ui.shadcn.com/docs/installation/expo",
tailwind: "https://www.nativewind.dev/docs/getting-started/installation",
},
},
manual: {
name: "manual",
label: "Manual",
links: {
installation: "https://ui.shadcn.com/docs/installation/manual",
tailwind: "https://tailwindcss.com/docs/installation",
},
},
} as const
export type Framework = (typeof FRAMEWORKS)[keyof typeof FRAMEWORKS]