nft card

Related Examples

• 
  Pricing Plans

  This plan offers access to all basic features, including unlimited projects and 24/7 support

  Author:
  Rathanak Phan

  1 week ago

  13
• 
  Services

  This Services page design includes: 1. Responsive layout using Tailwind CSS grid system 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Header with navigation 5. Six service cards with icons, titles, and descriptions 6. Footer with copyright information 7. Subtle animations and transitions 8. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a white background in light mode and dark gray in dark mode - Service cards have a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Icons use the Indigo-800 color (Indigo-400 in dark mode) for consistency - Each service card has a hover effect that scales it up slightly - Service cards fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The design is fully responsive, adjusting from 1 to 3 columns based on screen size This design provides a clean, professional look for a services page while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  7 months ago

  1.4k
• 
  LinkedIn Post UI Mockup

  A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

  Author:
  Hamza Atig

  2 months ago

  354
• 
  Sticky fullpage pages / slides

  Author:
  Hasan AlDoy (McDoy)

  5 months ago

  731
• 
  Show user details

  Author:
  Lucas Martinez

  2 years ago

  24.2k
• 
  Privacy policy page template

  Author:
  Sameer Sultana

  2 years ago

  17.5k
• 
  cards

  cards with background animation

  Author:
  Anonymous

  1 year ago

  10.6k
• 
  Calculator

  A Basic Calculator

  Author:
  Debbie F

  10 months ago

  1.2k
• Sticky fullpage pages / slides

  Author:
  Laurits

  2 years ago

  14.6k
• 
  Twitter Post (Tweet) UI Mockup

  A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.

  Author:
  Hamza Atig

  2 months ago

  179
• 
  Portfolio

  This responsive portfolio with dark mode support includes: 1. Fully responsive design that works on both desktop and mobile devices 2. Dark mode toggle with system preference detection and local storage persistence 3. Indigo-800 and Blue-900 color scheme for primary colors in light and dark modes 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections using Intersection Observer 2. Hover effects on projects and buttons 3. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles, ARIA labels) Key features: - The color scheme uses Indigo-800 for light mode and orange-400 for dark mode as primary colors - Dark mode toggle in the header with a sun/moon icon - Sections fade in and slide up as they enter the viewport - Project cards have a hover effect with scaling and increased shadow - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens - Smooth scrolling behavior for navigation links - Dark mode preference is saved in local storage and syncs with system preference This implementation provides a visually appealing, accessible, and functional responsive portfolio with dark mode support, using HTML, Tailwind CSS, and vanilla JavaScript for the

  Author:
  nejaa badr

  7 months ago

  2.3k
• 
  Privacy Policy

  Privacy Policy

  Author:
  Tanvir Hasan Bappy (Tanvir)

  6 months ago

  562