Social Card Meta Tester - Online See Facebook, Twitter, LinkedIn Previews
Enter a URL and see live mocked previews for Facebook, Twitter, LinkedIn, and Slack based on its meta tags. Find missing tags.
UD5 Toolkit
<!-- Fill in the form to generate meta tags -->
property="og:...") are used by Facebook, LinkedIn, Discord, Pinterest, and most other platforms. Twitter Cards (using name="twitter:...") are specific to Twitter/X. The good news is that Twitter automatically falls back to OG tags if Twitter Card tags are missing. So if you set og:title, og:description, and og:image, Twitter will use those values when twitter:title, twitter:description, and twitter:image are absent. However, you still need at least twitter:card to specify which card layout to use.
<title> tag and try to find a suitable image. The result is often unpredictable—images may be cropped awkwardly, descriptions may be truncated poorly, and the overall card may look unprofessional. Adding explicit Twitter Card tags (especially twitter:card) gives you full control over how your content appears on the platform.
og:type tag tells social platforms what kind of content your page represents. The default (and most common) value is website. Other useful types include:article:published_time and article:author.product:price and product:availability.book:isbn, book:author).website or article is perfectly fine.
twitter:image—perhaps a squarer crop for Twitter's summary card or a wider crop for summary_large_image. But for simplicity and consistency, a single 1200×630 px image serves both platforms perfectly.
Enter a URL and see live mocked previews for Facebook, Twitter, LinkedIn, and Slack based on its meta tags. Find missing tags.
Build a proper <meta name='viewport'> tag with width, initial‑scale, and user‑scalable options. Avoid common mobile rendering issues.
Get a random heartfelt or funny birthday message to write in a card. Choose from various tones. Local.
Design a soft, extruded card with inner and outer shadows. Adjust depth and roundness. Copy the CSS.
Drag emotion word cards onto a canvas to visualize your day. Mix and match. Screenshot to share. Therapeutic.
Draw a random tarot card (or three-card spread) with meanings. For entertainment and self-reflection. Fun mystical experience, no data tracking.
Click for a random drawing or sketching idea. Characters, objects, scenes. Beat artist's block. All local.
Build CSS Grid layouts by defining columns, rows, and gaps visually. Get the complete grid CSS code. An essential web design tool running in the browser.
Align card elements across rows using CSS subgrid. See how headers and footers align vertically. Future of CSS layout.
Generate a sheet of printable question cards for family dinners. Engage kids, share stories.
Click to draw random playing cards from a shuffled deck. The full deck is displayed. Use for decision or magic tricks.
A fully animated deck of 52 cards. Shuffle, cut, or draw a specific number of cards. Perfect for missing cards in a real deck.
A bingo card filled with common meeting buzzwords. Mark them during your next call. Great for remote work fun.
Enjoy classic Tetris in your browser. Rotate, move, and drop tetrominoes. Clear lines and score. Fully local JavaScript.
Create HTML tables visually by adjusting rows and columns. Add data, style, and copy the generated markup. Perfect for quick table prototyping.
Create a slow, zooming and panning photo montage (Ken Burns effect) from your images. Export as WebM video. Canvas.
Generate a Contributor Covenant or custom Code of Conduct for your project or event. Ready to paste into your repo.
Click through a visual emotion wheel to explore nuanced feelings. Build emotional vocabulary and self-awareness. Local, no data collected.
Type any word and generate a fake audio waveform GIF that looks like the word was spoken. Creative social posts. Canvas.
Generates simple puzzle ideas (cipher, hidden messages) that can be printed for home escape rooms.
Click colors on an interactive wheel and see the common emotions and meanings associated with them. A design resource.
Create simple ASCII diagrams (arrows, boxes, trees) using a visual editor. Copy the plain text art. For comments and docs.
Place multiple grid items into the same cells to create overlapping layouts. Learn the technique visually. Copy code.
Enter a list of words or phrases and generate unique, printable bingo cards. Perfect for icebreakers and classrooms.
Generate and print custom calligraphy practice sheets with adjustable x-height, slant angle, and base line. Perfect for copperplate or Spencerian.
Enter your average last frost date and generate a planting schedule for vegetables and flowers. Know exactly when to start seeds indoors or direct sow.
Design a crystal grid by placing crystals on a sacred geometry template. Add notes. Screenshot your layout. Spiritual/art.
Calculate odds of drawing specific cards or poker hands from a standard deck. Learn combinations. Local math.
One‑click to get a full NPC backstory with motivation, secret, and appearance. Perfect for dungeon masters.
Create 1-point, 2-point, or 3-point perspective grids. Adjust vanishing points and grid spacing. Useful for artists and architects.