LensShare#

A pixel-styled Gameboy-inspired app to follow and share Lens protocol profiles across multiple platforms.

Features#

• 🎮 Gameboy/pixel art UI styling using WebTUI CSS and Catppuccin Mocha theme
• 📱 Fully responsive and mobile optimized design
• 🔗 Share profiles via URL parameters: website.com?follow=username
• ✅ Built-in validation with Zod
• 🖇️ Quick follow buttons for multiple Lens platforms:
  • Hey: https://hey.xyz/u/[username]
  • Soclly: https://app.soclly.com/u/[username]
  • Firefly: https://firefly.mask.social/profile/lens/[username]
  • Orb: https://orb.club/@[username]?sharedBy=[username]

Development#

Prerequisites#

• Bun (JavaScript runtime and package manager)

Installation#

# Clone the repository
git clone https://github.com/yourusername/lensshare.git
cd lensshare

# Install dependencies
bun install

Development Server#

# Start the development server
bun run dev

Build for Production#

# Build for production
bun run build

# Preview the production build
bun run preview

SVG to PNG Conversion#

To convert SVG assets to PNG for better compatibility:

# Install the Sharp library
bun i sharp

# Run the conversion script
bun svg-to-png.js

Technology Stack#

• Frontend Framework: Vue 3 with Composition API
• Build Tool: Vite
• CSS Framework: WebTUI CSS with Catppuccin Mocha theme
• Validation: Zod
• Package Manager: Bun

Styling#

The app uses WebTUI CSS with the Catppuccin Mocha theme for a pixel-art, Gameboy-inspired interface. Custom styling is applied to enhance the retro gaming aesthetic.

WebTUI's box utilities are used for pixel-perfect borders around containers, creating an authentic retro gaming look.

License#

MIT