This is a Next.js project bootstrapped with create-next-app:
- Next.js 13 /app directory + Typescript - The React Framework for the Web.
- Tailwind CSS + Tailwind-Merge + clsx - A utility-first CSS framework for rapid UI development.
- Class Variance Authority + Radix-UI primitives & shadcn/ui components - Beautifully designed components that you can copy and paste into your apps.
- Iconoir icons - An open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid.
- Sonner - An opinionated toast component for React.
- react-dropzone - Simple React hook to create a HTML5-compliant drag'n'drop zone for files.
- react-resizable - A simple React component that is resizable with a handle.
- react-hotkeys-hook - React hook for using keyboard shortcuts in components.
- html2canvas - Screenshots with JavaScript.
- Zustand - A small, fast and scalable bearbones state-management solution using simplified flux principles.
- Export images - fix white background.
- Create modal to display user preferences.
- Resolve image resizing.
- Improve responsive.
- Allow downloading in more file types.
- Upgrade to Next.js 13 /app directory.
Recommended extensions for VSCode:
- Clone or fork the repository:
git@github.com:pheralb/frame.git- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
ultra install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
ultra devOpen http://localhost:3000 with your browser to see the result 🚀.