JSON-LD → Beautiful UI

Add schema.org data to your HTML.
Get a beautiful rendered view instantly.

<script type="application/ld+json">
{
  "@type": "schema:Person",
  "name": "Marie Curie",
  "jobTitle": "Physicist",
  "description": "Nobel Prize winner",
  "image": "photo.jpg"
}
</script>
→
Marie Curie

Marie Curie

Physicist
Nobel Prize winner

Same data Google uses for rich snippets.
Same tech as SolidOS panes.
Works in any HTML page. Zero build step.

Live Editor Browser Try Example How It Works

24 Examples

Click any card to see it in action

People & Organizations

👤

Person

Profile with photo and contact

schema:Person
🏢

Organization

Company with team members

schema:Organization

Identity & Credentials

🎓

University Degree

Academic credential with verification

W3C VerifiableCredential
🎫

Event Ticket

VIP conference access pass

W3C VerifiableCredential
🏆

Achievement Badge

Open source contributor recognition

W3C VerifiableCredential

Content & Articles

📝

Article

Blog post with author

schema:Article
⭐

Review

Product review with rating

schema:Review
❓

FAQ

Questions and answers

schema:FAQPage
🎨

Creative Work

Artwork with creator

schema:CreativeWork

Commerce & Business

🎧

Product

Item with price and specs

schema:Product
🍽️

Local Business

Restaurant with hours

schema:Restaurant
☁️

Service

Cloud hosting service

schema:Service
💼

Job Posting

Position with salary

schema:JobPosting
📱

Software App

Mobile app listing

schema:SoftwareApplication

Places & Events

🎉

Event

Conference with date

schema:Event
📍

Place

Tourist attraction

schema:Place

Media & Entertainment

🎬

Video

Tutorial with thumbnail

schema:VideoObject
🎞️

Movie

Film with cast

schema:Movie
🎵

Music

Album with tracks

schema:MusicAlbum
📚

Book

Book with ISBN

schema:Book

Learning & How-To

🍳

Recipe

Cooking instructions

schema:Recipe
📋

How-To

Step-by-step guide

schema:HowTo
🎓

Course

Online course

schema:Course

Advanced Demos

👤

Portable Identity

Multiple panes composed

Multi-Pane
⚡

Nostr Stream

Live data rendering

Live Stream
🔷

SolidOS Profile

Mashlib panes with modern styling

solid-panes