Vue3-Landing-Page-based-Figma Tailwind Templates

Vue3 Landing Page Based Figma

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

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

Top categories

Loading Svelte Themes