https://github.com/orbiter-finance/zkprover-dapp

https://github.com/orbiter-finance/zkprover-dapp

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/orbiter-finance/zkprover-dapp
• Owner: Orbiter-Finance
• Created: 2023-03-10T11:08:19.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-15T10:08:34.000Z (about 1 year ago)
• Last Synced: 2023-12-15T16:59:02.067Z (about 1 year ago)
• Language: TypeScript
• Size: 631 KB
• Stars: 15
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# next-template

A Next.js 13 template for building apps with Radix UI and Tailwind CSS.

## Features

- Radix UI Primitives

- Tailwind CSS

- Fonts with `@next/font`

- Icons from [Lucide](https://lucide.dev)

- Dark mode with `next-themes`

- Automatic import sorting with `@ianvs/prettier-plugin-sort-imports`

## Tailwind CSS Features

- Class merging with `taiwind-merge`

- Animation with `tailwindcss-animate`

- Conditional classes with `clsx`

- Variants with `class-variance-authority`

- Automatic class sorting with `eslint-plugin-tailwindcss`

## Import Sort

The starter comes with `@ianvs/prettier-plugin-sort-imports` for automatically sort your imports.

### Input

```tsx

import * as React from "react"

import Link from "next/link"

import { siteConfig } from "@/config/site"

import { buttonVariants } from "@/components/ui/button"

import "@/styles/globals.css"

import { twMerge } from "tailwind-merge"

import { NavItem } from "@/types/nav"

import { cn } from "@/lib/utils"

```

### Output

```tsx

import * as React from "react"

// React is always first.

import Link from "next/link"

// Followed by next modules.

import { twMerge } from "tailwind-merge"

// Followed by third-party modules

// Space

import "@/styles/globals.css"

// styles

import { NavItem } from "@/types/nav"

// types

import { siteConfig } from "@/config/site"

// config

import { cn } from "@/lib/utils"

// lib

import { buttonVariants } from "@/components/ui/button"

// components

```

### Class Merging

The `cn` util handles conditional classes and class merging.

### Input

```ts

cn("px-2 bg-slate-100 py-2 bg-slate-200")

// Outputs `p-2 bg-slate-200`

```

## License

Licensed under the [MIT license](https://github.com/shadcn/ui/blob/main/LICENSE.md).