scale-110 group rounded-lg mb-4">All the beautiful places
JavaScript Cards component has several built-in themes such as Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and High Contrast. Users can customize any of these built-in themes, or create new ones to build their own desired look and feel, either by simply overriding Sass variables...
Free BlocksPRO BlocksReact ComponentsAdmin & DashboardsTemplates & Kits Ecosystem tailwindcss@1.2.0 By josef256 ps: for hover effect 'group-hover' need to be added with the opacity property in the tailwind config file. this card can be used to display multiple choices to the user, hovering...
In this comprehensive compilation, we have curated a selection of free HTML and CSS code examples that showcase product card designs. These examples have been sourced from reputable platforms likeCodePen, GitHub, and other valuable resources. With ourFebruary 2023 update, we are excited to present...
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago Show code JSX import React from 'react'; import { MDBCard, MDBCardTitle, MDBCardText, MDBCardOverlay, MDBCardImage } from 'mdb-reac...
Tailwind and nextjs added Jan 29, 2024 index.html Back to vite branch finished Jan 30, 2024 package-lock.json API changed, add more test Jul 24, 2024 package.json API changed, add more test Jul 24, 2024 playwright.config.ts Card not in the middle fixed ...
The Vue Cards component has several built-in themes such as Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and High Contrast. Users can customize any of these built-in themes, or create new ones to build their own desired look and feel, either by simply overriding Sass variables ...
Hearthstone Card CSS 3D Click/Drag In honor of the release of the Whispers of the Old Gods expansion for Hearthstone, I wanted to share this proof of concept. The card drag feature in the game has always been one of my favorite things to play with. It feels like the card is reacting...
import { Loader } from "lucide-react"; import useSWR from "swr"; import Card1 from "../../card-options/cards/card1"; type Data = { icon?: string; telemetryName?: string; position: "center" | "left" | "right" | "reverseCenter"; }; export function stringify(value: unknown) { ...
Setup React Frontend Make sure you have Node and npm installed. Navigate to the “frontend” directory. The dependencies for the React frontend are: axios 1.5.0+ tailwindcss 3.3.3 react 18.2.0+ react-dom 18.2.0+ react-icons 4.11.0 ...