HQ UI

Card

Cards are a flexible and extensible content container. They are commonly used within a page layout or as part of a related group of content.

SonnerSeparator

Installation

npx shadcn@latest add https://hq-ui.vercel.app/r/card

Blocks

card-01
Login to your account
Enter your email below to login to your account
Forgot your password?
Don't have an account? Sign up
card-02
Meeting Notes
Transcript from the meeting with the client.

Client requested dashboard redesign with focus on mobile responsiveness.

  1. New analytics widgets for daily/weekly metrics
  2. Simplified navigation menu
  3. Dark mode support
  4. Timeline: 6 weeks
  5. Follow-up meeting scheduled for next Tuesday
Olivia Sparks
Howard Lloyd
Hallie Richards
Jenny Wilson
card-03
Meeting Notes
Invite Member
Hallie Richards
Jimmy Androson UI Designer
Hallie Richards
Dean Ambrose UX Designer
Hallie Richards
Anita JohnBranding
card-04
Fluid Gradient Flow
A vibrant and abstract background with smooth gradient curves.
Banner
card-05
Banner
Ethereal Swirl Gradient
Smooth, flowing gradients blending rich reds and blues in an abstract swirl.
card-06
Banner
Dreamy Colorwave Gradient
A smooth blend of vibrant pinks, purples, and blues for a magical touch.
card-07
Banner
Creative Catalyst
Step into a world where imagination takes the lead and every pixel tells a story. This is a space designed to unleash your creative potential without boundaries or time constraints. Explore bold ideas, experiment with vibrant concepts, and craft visuals that inspire and captivate.
card-08
Design Throwdown
Where passion, pressure, and pixels collide—push your creativity to the edge and show what you are made of.
card-09
Creative Clash
Step into a space where design skills are tested, ideas come alive, and only the boldest concepts win the spotlight.
card-10

Welcome to the Home tab! Here, you can explore the latest updates, news, and highlights. Stay informed about what's happening and never miss out on important announcements.

card-11
Hallie Richards
Philip George
@philip20
Banner

Lost in the colors of the night 🌌✨ Sometimes the blur reveals more than clarity. #AbstractVibes #Dreamscape #VisualPoetry

card-12
Shoes
Nike Jordan Air Rev
EU38Black and White

Crossing hardwood comfort with off-court flair. '80s-Inspired construction, bold details and nothin'-but-net style.

Price$69.99
card-13

Incredible time-saver! shadcn/studio has made UI development a breeze. The pre build components are not only visually appealing but also highly customizable, fitting seamlessly into my projects. With a wide array of options to choose from, I can easily match.

Hallie Richards
Sam Green
@SamG11
card-14
Have a project in mind

Let's discuss! Our Assistant team is excited to hear about your projects, ideas and questions.

card-16
Hover for the Glow-Up
Glide your cursor here and watch magic unfold — an experience designed just for you.
card-17
Dynamic 3D Hover Card
Banner

Experience interactive depth and motion with this sleek 3D hover effect. Move your cursor to see it come alive!

card-15
Banner
Mystical Blue Swirl
Dive into the depths of an enchanting swirl where vibrant blues and soft pinks merge seamlessly, creating a mesmerizing flow of colors.
Banner
Cosmic Blue Waves
Explore the mysteries of the cosmos with deep, swirling waves of blue and purple, evoking a sense of depth and infinite space.
Sonner
Separator