Floating capsule
This tailwind example is contributed by Amazing Engineer, on 15-May-2025. Component is made with Tailwind v3.4. It is responsive. It supports dark mode.
Related Examples
-
-
Product Card for eCommerceHere is a Product Card with discount badge, price with discount and price normally. On other hand, buttons for up or down quantity and add to cart button. This is create for Grid Columns, wich can 4 or 5 depend for desktop
1.3k -
Profile cardProfile card with social icons
13.7k -
-
medical careIt will help us get medical care quickly using a card and make it possible for all of us, Rwandans and other people in other countries, to have a better life.
1.1k -
Responsive Features SectionIt's a Handy Ready to Use Responsive Features or Services Component with Dark Mode
6.1k -
Chat BotSimulation of a chat bot that can be used for conversations as a sketch idea
4.2k -
Twitter tweet cloneReplica of twitter tweet card
10.4k -
Feature CardShows off a feature, great for homepages and grid layout, or can be used in dashboards for "example use" grids. Enjoy! Part of the Coastal UI collection.
791 -
GridGrid Grid-Cards
2.4k -
-
google ui cardsgoogle ui cards
10.6k
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.