GloveBox is a modern, sleek URL stashing and bookmarking web app that combines aesthetics with functionality. With a glassmorphism-inspired UI, it allows users to easily store, manage, and access their favorite URLs. The app fetches Open Graph meta tags to display rich, useful previews for each link.
GloveBox is built with SvelteKit for a reactive, fast interface, and Tailwind CSS for clean, modern styling. It also includes a custom OpenGraph API for automatic metadata fetching. Best of all, GloveBox is fully hosted and provides an easy-to-use, private, and secure bookmarking experience with local data storage and backup options.
Example of GloveBox’s modern glassmorphic UI
- 🔖 Smart Bookmarking – Save URLs with OpenGraph meta tags for enhanced usability
- 💎 Modern Glassmorphism UI – Beautiful, minimal design using Tailwind CSS
- ⚡ Powered by SvelteKit – Fast and reactive web app
- 🌐 Custom OpenGraph API – Built-in API for fetching OpenGraph metadata
- 🔒 Private & Secure – All data is stored locally on your device, ensuring privacy
- 🗂️ Backup Data – Easily back up your data for safekeeping or transferring across devices
- ☁️ Hosted App – Live and available for use
Make sure you have the following installed:
# Clone the repository
git clone https://github.com/fyiimysf/GloveBox.git
cd GloveBox
# Install dependencies
pnpm install
# Start the development server
pnpm devGloveBox prioritizes privacy and ensures that all of your URL data is stored locally on your device. Your bookmarks, OpenGraph metadata, and other user data are never shared with external servers unless explicitly backed up or synced by the user.
You can easily back up your data at any time to ensure it's safe and accessible. Export your data to a secure file format that can be stored offline or moved to another device.
src/
├── routes/ # SvelteKit routes
├───────── api/ # Shared utilities and OpenGraph API
├── lib/components/ # UI Components and Image Assets
├── static/ # Static Assets and Manifest
- SvelteKit
- Tailwind CSS
- OpenGraph Meta Tag Parsing
- Custom API integration
- Deployed on [CloudFlare]
Contributions are always welcome! If you want to improve the app or add new features, feel free to open an issue or a pull request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/my-feature) - Commit your changes (
git commit -m 'Add new feature') - Push to the branch (
git push origin feature/my-feature) - Open a pull request
MIT License – see LICENSE for more details.
For questions or feedback:
- GitHub: @fyiimysf