From the course: CSS and JavaScript Library Integration

Unlock the full course today

Join today to access over 24,000 courses taught by industry experts.

Implementing a basic UI with Tailwind and Vue.js

Implementing a basic UI with Tailwind and Vue.js - JavaScript Tutorial

From the course: CSS and JavaScript Library Integration

Start my 1-month free trial Buy for my team

Implementing a basic UI with Tailwind and Vue.js

“

- [Instructor] Now let's build a simple landing page using Tailwind CSS with Vue.js. After this lesson, you'll be able to build a nice, responsive UI for yourself. The final design will be made up of four components: navigation back component, the hero component, features component, and testimonials component. You need to set up your Vue.js project, and remove the already existing boiler plate to make it a clean slate for development. This also involve successfully integrating Tailwind, which we did together in the previous lesson. Next, set up the navbar component, the hero component, and the feature component, as well as the testimonial component, which will be connected together to give a beautiful UI for the landing page. In my style.css, I have imported @tailwind base, @tailwind components, @tailwind utilities, and I added extra CSS for txt-font, which is now available in Tailwind, and background-color, which is still…

Contents