From 817dc09a58147746c8b717789eb2a227ba738be8 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Fri, 16 Jan 2026 04:48:03 +0100 Subject: [PATCH] feat: add social media playground templates and use EUR currency MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add 10 new social media templates: Social Post, Story Highlights, Like Button, Comment Section, Notification Badge, Emoji Reactions, Bio Section, Status Update, Chat Bubble - Change pricing from $ to โ‚ฌ (โ‚ฌ9, โ‚ฌ29, โ‚ฌ99) - Fix Story Highlights with shorter names for better rendering - Fix Bio Section avatar overflow issue ๐Ÿค– Generated with [Claude Code](https://claude.com/claude-code) --- src/config/playground-templates.js | 732 ++++++++++++++++++++++++++++- 1 file changed, 729 insertions(+), 3 deletions(-) diff --git a/src/config/playground-templates.js b/src/config/playground-templates.js index 1e107a1..f015eab 100644 --- a/src/config/playground-templates.js +++ b/src/config/playground-templates.js @@ -329,19 +329,19 @@ export const playgroundTemplates = [
Basic
-
$9
+
โ‚ฌ9
per month
Pro
-
$29
+
โ‚ฌ29
per month
Team
-
$99
+
โ‚ฌ99
per month
@@ -698,6 +698,732 @@ export const playgroundTemplates = [
+` + }, + { + name: "Social Post", + code: ` + +
+
+
+ creative_studio +
+
+
+ โ™ก + ๐Ÿ’ฌ + โ†— +
+ +

creative_studio Living my best life โœจ๐ŸŒŸ

+
` + }, + { + name: "Story Highlights", + code: ` + +
+
+
+ You +
+
+
+ anna +
+
+
+ mike +
+
+
+ lisa +
+
+
+ alex +
+
` + }, + { + name: "Like Button", + code: ` + + + + + +
1,234 likes
` + }, + { + name: "Comment Section", + code: ` + +
+
+
+
+ sarah_designs + This is amazing! ๐Ÿ”ฅ +
2h ยท Reply ยท โ™ก 12
+
+
+
+
+
+ mike_photo + Love the colors! What filter did you use? +
1h ยท Reply ยท โ™ก 5
+
+
+
+ + +
+
` + }, + { + name: "Notification Badge", + code: ` + + + + + + + +` + }, + { + name: "Emoji Reactions", + code: ` + +
+ ๐Ÿ‘ + โค๏ธ + ๐Ÿ˜‚ + ๐Ÿ˜ฎ + ๐Ÿ˜ข + ๐Ÿ˜  +
+ +
+
Check out this cool CSS trick!
+
+ ๐Ÿ‘ 12 + โค๏ธ 5 +
+
` + }, + { + name: "Bio Section", + code: ` + +
+
+
+
+
142
posts
+
8.5K
followers
+
284
following
+
+
+
Creative Studio โœจ
+
Digital creator | Design tips
๐Ÿ“ New York
โœ‰๏ธ hello@studio.com
+ linktr.ee/creativestudio + +
` + }, + { + name: "Status Update", + code: ` + +
+
+
+
What's on your mind?
+
+
+
๐ŸŽฅ Live
+
๐Ÿ–ผ๏ธ Photo
+
๐Ÿ˜Š Feeling
+
+
` + }, + { + name: "Chat Bubble", + code: ` + +
+
Hey! How are you? ๐Ÿ‘‹
+
I'm good! Just learned some CSS ๐ŸŽจ
+
Check out this cool effect!
+
Wow that's awesome! ๐Ÿ˜
+
Can you teach me?
+
` } ];