dajia.lol

Custom Cards

Modular bento grid cards for your dajia.lol profile

Custom Cards

Cards are modular blocks that live on your profile's bento grid. You can add cards to show off your music taste, social media, developer profiles, gaming stats, or even write custom text.

Work in progress

The Bento Grid

Your profile uses a beautiful, responsive bento grid layout. You can easily drag, drop, and resize cards to design a profile page that is uniquely yours.

Size System

Different cards support different sizes on your grid:

SizeNameTypical Use
sSmallA square block. Great for single stats, profile pictures, or short text.
stSmall TallA vertical rectangle. Perfect for tall content like GitHub activity lists.
mMediumA horizontal rectangle. Ideal for more detailed profiles or two-column content.
lLargeA full-width block. Excellent for showcase features or large stats.

Note: Not all cards support every size. Check the individual card guides below to see which sizes you can use.

Grid Position

You don't need to manually configure coordinates! You can design your page visually:

  • Move Cards: Click and drag a card to any empty space in the editor grid to reposition it.
  • Resize Cards: Use the handles on the corners of a card to stretch it across columns or rows.

Adding & Configuring Cards

Getting started with cards is simple:

  1. Go to your dashboard and navigate to Settings => Cards.
  2. Click the Add Card button.
  3. Choose the type of card you want to add from the menu.
  4. Select a size and place the card onto your grid layout.
  5. Click on the card to open its Settings Panel on the right side.
  6. Customize the card's behavior (like adding your username or tweaking colors) — changes will show in the Live Preview instantly!
  7. Click Save at the bottom to publish your updates.

Custom Styling

While cards automatically match your profile's global style settings, you can customize each card individually:

  • Override the background color, transparency, and corner roundness.
  • These overrides apply to the selected card only, allowing you to highlight specific blocks on your page.

Card Categories


Available Cards

Here is a quick look at all the cards you can add to your profile:

Card NameCategorySupported Sizes
About MeProfiles, m
Last.fm Now PlayingMusics
Last.fm StatsMusicl
Spotify ArtistMusics
Spotify EmbedMusics
Audio PlayerMusics
Discord PresenceSocials
Discord ServerSocials
YouTube ChannelSocials
YouTube (ST)Socialst
BlueskySocials
MastodonSocials
TwitchSocials
LetterboxdSocials
RSS FeedSocials, st, m, l
GitHub UserDevelopers
GitHub Profile (ST)Developerst
GitHub RepoDevelopers
GitHub ActivityDevelopers
GitLab UserDevelopers
GitLab Profile (ST)Developerst
Steam ProfileGamings
Valorant ProfileGamings
osu!Gamings
MinecraftGamings
Markdown TextContents
Markdown Text (Stacked)Contentst
Markdown Text (Large)Contentl
Website EmbedContents
Website Embed (M)Contentm
CountdownContents

On this page