Skip to content

Convert figma design to typescript, vue3, gsap, and tailwind css.

Notifications You must be signed in to change notification settings

pavlo91/Vue3-Landing-Page-based-Figma

Repository files navigation

Screenshots

Home page Custom page Cu page Cu page Cu page

Convert Figma to Vue3 + Typescript + Tailwind CSS

Landing Page, Slider Page, Our Partner. Mobile Responsive, Pixel Perfect


  1. Disable the built-in TypeScript Extension
    1. Run Extensions: Show Built-in Extensions from VSCode's command palette
    2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
  2. Reload the VSCode window by running Developer: Reload Window from the command palette.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint