ui Architecture Docs
Home / File/ frameworks.ts — ui Source File

frameworks.ts — ui Source File

Architecture documentation for frameworks.ts, a typescript file in the ui codebase. 0 imports, 1 dependents.

File typescript FrameworkTooling 1 dependents

Entity Profile

Dependency Diagram

graph LR
  52d07798_7025_10f7_1b6b_affe8f32c5f4["frameworks.ts"]
  1eba8e46_a9d0_e6fe_8f31_fe55af5f1855["get-project-info.test.ts"]
  1eba8e46_a9d0_e6fe_8f31_fe55af5f1855 --> 52d07798_7025_10f7_1b6b_affe8f32c5f4
  style 52d07798_7025_10f7_1b6b_affe8f32c5f4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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]

Domain

Types

Imported By

Source

Frequently Asked Questions

What does frameworks.ts do?
frameworks.ts is a source file in the ui codebase, written in typescript. It belongs to the FrameworkTooling domain.
What files import frameworks.ts?
frameworks.ts is imported by 1 file(s): get-project-info.test.ts.
Where is frameworks.ts in the architecture?
frameworks.ts is located at packages/shadcn/src/utils/frameworks.ts (domain: FrameworkTooling, directory: packages/shadcn/src/utils).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free