What if there is an easy way to achieve responsive UI without using any UI kit? Can we create new and fresh designs for every project with a CSS framework? Enter Tailwind CSS, will this be the perfect CSS framework, well let’s find out.
Tailwind is a utility-first CSS framework, the keyword being ‘utility’. It is basically a set of classes that you can use in your HTML.
Therefore, we don’t have to write any custom CSS to get this button. This can be heavily extended to build whole web applications without the need for any other styles apart from a tailwind.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquet laoreet vehicula. Suspendisse consectetur ultricies leo ut dignissim. Phasellus finibus consectetur leo eget mattis. Maecenas lobortis augue ut ullamcorper varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam nibh libero, pellentesque non augue a, lobortis finibus justo. Nulla in consectetur lorem. Vestibulum facilisis congue tincidunt. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec metus ligula, accumsan ac nisi egestas, posuere consequat ipsum. Morbi ut ligula felis. Proin tincidunt ultricies ligula, eu lacinia mauris dignissim eu.
Nulla ullamcorper sem et arcu pharetra aliquam. Duis porta sed odio et vehicula. Nulla id dapibus sem. Proin tempus cursus aliquam. Quisque efficitur at sapien sed pretium. Duis felis sem, bibendum ac mi eget, laoreet cursus urna. Donec feugiat et nunc ut lacinia. Aenean ultrices ultrices vehicula. Nulla eleifend sem quis finibus dignissim. Praesent ornare, nulla vitae egestas tincidunt, lorem odio vestibulum erat, et viverra ante felis nec lorem. Morbi mi magna, commodo vestibulum est id, aliquam rhoncus leo.
Sed metus sapien, finibus vel volutpat nec, bibendum ac lectus. Donec quis venenatis metus. Cras et enim sed eros venenatis consectetur. Integer a purus at tellus consequat elementum nec quis enim. Sed vitae mauris mi. Fusce sapien lectus, aliquam sit amet dui vitae, blandit fringilla odio. Curabitur non mattis purus. Curabitur venenatis, velit a commodo porttitor, eros dolor congue felis, at facilisis orci velit eget nisi.