Category: Guides

Apps Badges Colors Fun Generator HTML Important IMVU Creator Tools Productivity Apps Unicodes


  • Palette Generator

    View Content

    🎨 Use Case: Palette Generator – Instant Color Harmony from One Click

    🔧 What It Is:

    Palette Generator is a responsive, dark-themed web tool that transforms any color into a full range of professionally styled palettes. Designed for creators and designers, it lets users:

    • Select a base color 🎯
    • Choose a mood/style (vibrant, pastel, deep, etc.)
    • Instantly view multiple palette types (monochromatic, complementary, triadic, etc.)
    • Copy any color’s HEX code with a single click 🖱️

    👩‍💻 Who It’s For:

    • IMVU/Roblox/Avatar designers who want consistent palettes
    • Web & UI designers planning themes
    • Artists & illustrators seeking color harmony
    • Brand creators building visual identities

    🧭 How To Use

    1. 🎨 Pick Your Base Color

    • Use the built-in color picker to select your desired base color.
    • The selected HEX value will show just below the picker.

    2. 🪄 Choose a Style Modifier

    • Pick a tone to influence the vibe of your palettes:
      • Default – Balanced
      • Vibrant – Bold and saturated
      • Muted – Subtle and soft
      • Pastel – Bright but airy
      • Deep – Darker, rich shades
      • Light – Bright and uplifting

    3. 🧩 Explore Color Palettes

    • The app generates 8 palette types from your base color:
      • Monochromatic
      • Analogous
      • Complementary
      • Split Complementary
      • Triadic
      • Tetradic (Square)
      • Shades
      • Tints

    Each palette displays clickable color swatches with HEX labels.

    4. 📋 Copy Colors Instantly

    • Click any swatch to copy its HEX code.
    • A confirmation popup appears at the bottom: “Copied: #XXXXXX”

    ✨ Features At A Glance

    • ✔️ Responsive dark theme UI
    • ✔️ Instant feedback on color changes
    • ✔️ One-click HEX code copying
    • ✔️ Accessible for both beginner and pro designers
    • ✔️ Works fully in-browser – no login or install needed
  • Color Extractor

    View Content

    🌈 Use Case: Color Extractor

    📌 What It Is:

    Color Extractor is a web-based tool that allows users to:

    • Upload an image
    • Instantly view the dominant color palette
    • Manually pick colors from the image by clicking
    • Zoom in on specific parts of the image using a magnifier
    • Copy HEX codes of colors with one click

    🎯 Ideal For:

    • Graphic designers needing a quick palette from reference images
    • IMVU creators trying to match textures or avatars
    • Brand builders capturing visual identity from photos
    • Anyone needing quick and accurate color picking

    🧭 Step-by-Step Guide

    ✅ 1. Upload an Image

    • Click the “Choose Image File” button.
    • Select any JPG, PNG, or other standard image formats from your computer.
    • Wait a moment for the preview and color analysis to load.

    🎨 2. View Dominant Colors

    • Once uploaded, a palette of 6 dominant colors appears in the right panel.
    • Each swatch shows its HEX code and a tooltip that says “Copy HEX.”
    • Clicking a swatch copies the color code to your clipboard instantly.

    🔍 3. Use the Magnifier

    • Hover your mouse over the image in the preview panel.
    • A zoomed-in magnifier will appear near your cursor, showing a pixelated grid.
    • This helps you accurately pick a specific pixel’s color.

    ✨ 4. Pick Custom Colors

    • Click anywhere on the image to pick that exact color.
    • The picked colors are shown in a separate section (“Picked Colors”).
    • You can pick up to 9 recent custom colors, each displayed with a HEX code.

    📋 5. Copy Color Codes

    • Whether from the dominant palette or picked colors, just click any swatch to:
      • Copy its HEX code to clipboard
      • See a quick “Copied!” popup message

    🧠 Bonus Tips:

    • If you upload an image that cannot be analyzed (due to file type or CORS restriction), you’ll get a helpful error message.
    • The app supports dark mode styling for eye comfort and better contrast with color swatches.
  • Neky Notes

    View Content

    📒 Neky Notes User Guide

    NekyNotes is a powerful, browser-based note-taking and editing tool. It supports multiple tabs, tab groups, custom colors, light/dark themes, zoom, word wrapping, undo/redo history, exporting (including PDF), and local session saving.


    🔰 Getting Started

    Opening NekyNotes

    Just open the NekyNotes.html file in your browser — no installation needed.


    📁 Tabs and Notes

    ➕ Add a New Tab

    • Click the ➕ (plus) button in the tab bar.
    • A new “Untitled” tab is created.

    🖱️ Rename a Tab

    • Right-click a tab → Select “Rename Tab”.

    📌 Pin a Tab

    • Click the pin icon on the tab.
    • Pinned tabs shrink into colored indicators.
    • Right-click → Set pin color.

    ❌ Close a Tab

    • Click the × icon on the tab.
    • You’ll be asked to confirm.

    📑 Duplicate a Tab

    • Right-click the tab → “Duplicate Tab”.

    🗂️ Grouping Tabs

    Create a Tab Group

    • Drag one tab onto another to combine into a group.
    • A modal appears where you can set a group name and color.

    Group Actions (Right-click on Group Header)

    • Rename Group
    • Change Group Color
    • Ungroup Tabs
    • Delete Group & Tabs

    Move Tab into Group

    • Drag a tab into an existing group.
    • You can’t pin tabs in groups.

    🎨 Editor Features

    Text Editor

    • Write or paste notes directly into the editor.
    • Supports line breaks, undo/redo, and find/replace.

    Undo/Redo

    • Click Undo or Redo buttons in the toolbar.
    • Keyboard shortcuts:
      • Ctrl + Z: Undo
      • Ctrl + Y: Redo

    Zoom In/Out

    • More → Zoom In / Out / Reset Zoom

    Toggle Light Mode

    • Click the toggle labeled “Light Editor” in the toolbar.

    Word Wrap

    • More → “Word Wrap” (toggle on/off)

    🔍 Find & Replace

    • More → “Find / Replace…”
    • Opens a modal with options:
      • Find next / previous
      • Replace / Replace All
      • Match Case toggle

    📦 Import & Export

    Export Current Tab

    • Click Export in the top bar.
    • Choose file name and extension.
    • Supported formats:
      • .txt, .md, .json, .html, .pdf, .js, .css, .csv, etc.

    Export All Data

    • More → “Export All Data”
    • Saves the entire session (tabs, groups, contents) as .json.

    Import Data

    • More → “Import Data…”
    • Load a previously exported session.

    ⚠️ Importing will replace your current session.


    💾 Saving and Persistence

    • Your session is automatically saved in your browser’s localStorage.
    • Reloading the page brings you back to where you left off.
    • If localStorage is full, a warning will appear.

    🧰 Context Menu Options

    Right-click on a tab or group for quick access to:

    For Tabs:

    • Rename
    • Duplicate
    • Pin/Unpin
    • Set Pin Color
    • Move Out of Group
    • Close / Close Others / Close All

    For Groups:

    • Rename Group
    • Change Group Color
    • Ungroup Tabs
    • Delete Group & Tabs

    ⚙️ Tips & Notes

    • Pinned tabs must be outside of groups.
    • Autosaving is frequent, but exporting is recommended for important content.
    • You can drag tabs and groups to reorder them.
    • Tab bar supports horizontal scrolling when content overflows.
  • Storage Limits – Read Me

    View Content

    🧠 Understanding LocalStorage Limits: What You Need to Know

    (and What to Do If Things Go Wrong)

    If you’re using a website with handy tools like sticky notes, notepads, or app customizations, there’s a good chance it stores your data using something called localStorage. It’s a powerful browser feature that lets a site remember your stuff even after you close the tab. But it has its limits — and knowing them can save you from frustration (or even data loss).


    🔌 What is localStorage?

    localStorage is part of your browser. It stores small pieces of information locally on your device. Think of it like a digital notepad that websites can write on.

    • ✅ It’s fast
    • ✅ It works offline
    • ✅ It keeps your data even after closing your browser
    • ⚠️ But: It’s not unlimited

    ⛔️ The Storage Limit

    Each website (like nekypop.com) is allowed a certain amount of localStorage space.

    In most modern browsers:

    • Chrome, Edge, Brave, and other Chromium-based browsers now allow about 8 MB per domain.
    • Firefox and Safari often limit this to around 5 MB.
    • Mobile browsers or incognito/private windows may allow even less.

    This limit is shared across everything stored via localStorage under that site — notes, preferences, drafts, settings, etc.


    ❌ Signs You’ve Hit the Limit

    • Notes or settings disappear after refreshing
    • You type something — but it’s gone next time
    • The app feels buggy or forgetful

    Behind the scenes, the browser is silently saying:

    “❌ Sorry, no more space.”


    ✅ What You Can Do (as a User)

    1. Back up your notes

    If an app offers “Export” or “Download”, use it regularly to avoid losing important data.

    2. Clear unused data

    Delete old drafts or notes you don’t need anymore. Some apps offer a “Clear Cache” or “Reset” button to help with this.

    3. Manually clear localStorage

    Here’s how to clean it up yourself:

    In Chrome, Edge, Firefox:

    1. Open the site (like nekypop.com)
    2. Press F12 to open Developer Tools
    3. Go to the Application (or Storage) tab
    4. Click Local Storage in the sidebar
    5. Right-click your domain and choose Clear

    This erases saved notes and data for that site.

    4. Clear site data (cache, cookies, storage)

    If you’re having trouble or want to fully reset a site:

    Chrome / Edge:

    1. Click the lock icon 🔒 next to the site URL
    2. Click “Site settings”
    3. Click “Clear data” (or “Clear storage”)
      This clears cookies, cache, localStorage, and more.

    You can also do it from Settings > Privacy > Clear browsing data and select a specific site.


    5. Use fewer tools at once

    Each tool on the site uses part of the same quota. Closing or cleaning one can free up space for others.

    6. Use different browsers

    Each browser (Chrome, Firefox, Edge, etc.) stores its own separate localStorage. You can divide your tools between them if needed.


    📏 BONUS: Check Your Current Storage Usage

    Want to see how much localStorage your browser is using for the current site?

    💻 Paste this into your browser’s DevTools Console:

    ✅ You’ll get a result like:

    pgsqlCopyEditCurrent localStorage usage: 1.42 MB
    

    This helps you stay under the browser’s limit (5–8 MB depending on the browser).


    🚫 Don’t Use localStorage For:

    • Passwords or personal/private info
    • Legal or sensitive data
    • Huge documents, files, or images

    🔐 Summary

    localStorage is perfect for small, helpful features — but it has limits and no built-in warnings.

    • In Chrome and Edge: you may get up to 8 MB
    • In Firefox, Safari, or mobile: expect 5 MB or less
    • Back up what matters
    • Check your current usage
    • Clear or offload heavy data when needed
    • Use browser tools or clear cache/cookies to reset storage fully

    If your favorite tools rely on it, using localStorage wisely means your experience will stay smooth and frustration-free — even across many tools on the same site.

  • Quick Icon Maker

    View Content

    1. What the tool does

    Quick Icon Maker lets you build a 100 × 80 pixel PNG icon by stacking three layers:

    1. Background (image URL only)
    2. Main image (your upload, cropped to fit)
    3. Overlay (image URL only)

    The result is shown live in the preview and can be downloaded with one click.


    2. Getting started – 3‑step workflow

    1. Choose a background
      • Paste an image URL into “Background Image URL” and press Load.
      • If the link is valid, the background appears.
    2. Add your main picture
      • Click Choose Main Image and select a file from your computer.
      • When the edit window opens, zoom + drag to frame the part you want, then press Apply Changes.
    3. Add an overlay (optional)
      • Paste an image URL into “Overlay Image URL” and press Load. The overlay sits on top.

    Tip: PNGs with transparent areas work best for overlays.


    3. Editing the main image

    • Zoom slider – slide to resize the picture (0.1×‑3×).
    • Drag (mouse or finger) – move the image until the desired crop sits inside the dashed frame.
    • Apply Changes – saves the crop and closes the editor.
    • Cancel – discards edits and closes the editor.

    Everything is non‑destructive—you can reopen the same upload and re‑crop at any time.


    4. Preview area controls

    ControlWhat it does
    Day / Night switchChanges the preview canvas background so you can check how your icon looks on light vs dark themes.
    Download Icon (PNG)Saves the composed icon as imvu_icon.png.

    5. Saving or re‑using settings

    • Export Settings – downloads a small .json file with the two URLs you used and the day/night preference.
    • Import Settings – load a previously‑saved .json file to rebuild the same scene.
    • The app also auto‑saves to your browser. When you return, your last state reloads automatically.

    6. Clearing everything

    Click Clear All → confirm. This resets every field, removes images, and wipes the browser save, giving you a fresh workspace.


    7. File notes

    • Output: 100 × 80 px, PNG, transparent where no layer is present.
    • Main image crop: Always scaled to fill the full 100 × 80 frame, so avoid tiny source images—they may look blurry when enlarged.

    8. Troubleshooting

    • “Please enter a valid URL” – Make sure the link begins with http/https and points to a direct image file (.png, .jpg, .gif).
    • Nothing appears after loading – The host may block cross‑origin downloads. Re‑upload the image to ImgBB, Catbox, etc., and use that link.
    • “Selection outside image bounds” – Zoom out or re‑centre the image so the dashed crop frame sits inside the picture.
    • Blank download or red X – One of the layers failed to load. Press Clear All then add images back one by one to find the culprit.

    9. Keyboard & mouse quick‑tips

    • Mouse wheel – over the zoom slider for fine steps.
    • Hold‑drag in the crop editor to pan. Cursor changes to a hand when active.
    • Esc while in the modal closes it without saving.

    10. Best‑practice tips

    • Keep layer images the same aspect ratio (wide) to avoid stretching.
    • Use transparent PNGs for overlays and sparse main images for cleaner results.
    • Store favourite backgrounds/overlays in a text file; paste when needed and export settings for fast repeats.

    Enjoy creating crisp icons in seconds!

  • Menu Generator

    View Content

    🧰 Use Case: Menu Generator

    Purpose:
    The Menu Generator helps creators, especially IMVU homepage designers, easily build fully customized CSS-based navigation menus with submenus — visually and without writing code. You can design horizontal pop-out or vertical accordion-style menus with rich styling options and export clean, ready-to-use HTML/CSS code.

    Audience:
    Perfect for creators on platforms like IMVU, personal bloggers, web designers, and anyone who needs custom-styled navigation menus but doesn’t want to manually code them.

    Key Features:

    • Visual menu item builder (main items & submenus)
    • Full color control, padding/margin/border sliders
    • Horizontal or vertical menu mode
    • Custom hover styles and submenu offsets
    • Optional “Powered by NekyPop!” link
    • Live code preview panel
    • Export clean HTML + CSS for copy-paste

    🪄 How to Use the Menu Generator

    1. 🧭 Choose Menu Orientation

    Go to Global Menu Styles > Orientation and select:

    • Horizontal for a typical top bar with dropdowns
    • Vertical for sidebar accordion-style menus

    2. ➕ Add Menu Items

    • Click “Add Main Menu Item”
    • Each main item can include:
      • Label
      • Link URL
      • Submenu toggle
      • Reorder buttons
      • Submenu items (click “Add Submenu Item”)

    You can collapse/expand each item to keep your workspace organized.

    3. 🎨 Style the Menu

    Under Global Menu Styles:

    • Choose the menu width (auto, 100%, or 200px, etc.)
    • Set background, padding, borders, and shadow
    • Customize the container for both the menu and submenus

    4. ✏️ Style Main Items

    In Main Item Styles:

    • Pick font, size, color
    • Set background color and hover effects
    • Adjust individual padding, margin, borders
    • Optional: Add a custom class name for manual styling

    5. 🧩 Style Submenu Items

    In Submenu Item Styles:

    • Same full control over fonts, colors, hover, and spacing
    • Use this to differentiate submenu appearance from main menu

    6. 🎯 Live Preview

    • Scroll to the Preview Canvas on the right to see your menu take shape
    • Toggle dark/light mode (if implemented)
    • Real-time updates apply as you tweak settings

    7. 💾 Copy the Code

    • Scroll to the Code Output section
    • Copy the generated HTML & CSS and paste it into your website or homepage
    • You can paste this into IMVU homepage HTML boxes or personal websites directly

    8. 🌸 (Optional) NekyPop Support

    • Enable a “Powered by NekyPop!” footer link
    • Customize its appearance just like a menu item
  • Kaomoji Maker

    View Content

    🌟 Kaomoji Maker Guide

    Welcome to the Kaomoji Maker — a fun tool to build, collect, and export adorable kaomojis (Japanese-style emoticons) 🎀


    🎨 Main Features

    ➕ Add Kaomoji to Your Pack

    1. Type your custom kaomoji into the input field (e.g. (づ。◕‿‿◕。)づ)
    2. Click “Add to Pack”
    3. It’ll be saved below in your Kaomoji pack and remembered for next time 💾

    🎲 Generate Random Kaomoji

    1. Click the “🎲 Generate New Random” button
    2. A random kaomoji is created and copied to your clipboard instantly!
    3. It also appears in your recently used bar

    🧠 Recently Used Bar

    • Shows your 20 most recent kaomojis
    • Click any to reinsert it quickly!

    🎀 Kaomoji Palette

    • Click any category (like “Love & Affection” or “Sad & Crying”) to open it
    • Click a kaomoji to copy it immediately
    • If it’s a single character (like ), it gets inserted into your input field instead

    📦 Export & Import Your Pack

    • Export JSON: Save all your kaomojis to a .json file
    • Import JSON: Load a previously saved pack back in
      • Supports both new and older formats

    🧹 Clear All

    • Wipe your whole pack and recently used bar
    • Be careful! It’s permanent 😱

    📋 Copy All

    • Copies your entire kaomoji pack to the clipboard for easy pasting

    🧠 Tips & Notes

    • Data is saved in your browser using LocalStorage
    • It remembers your pack and recent kaomojis even if you close the tab
    • It works offline after the first load (Progressive Web App–friendly)
  • Imvu Project Organizer

    View Content

    🌟 Use Case: IMVU Project Organizer

    Purpose:
    The IMVU Project Organizer helps creators plan, track, and manage all stages of their product development process. Whether you’re designing clothing, rooms, accessories, or anything derivable, this tool helps you stay organized with built-in support for derivables, image references, and now — collaborators!

    Perfect For:

    • IMVU creators juggling multiple projects
    • Teams or collabs needing shared task clarity
    • Artists organizing reference images and notes
    • Creators wanting clean exports for backup or sharing

    📘 Guide: How to Use the IMVU Project Organizer

    ✅ Adding a New Project

    1. Click the “Add New Project Item” button.
    2. Fill out your project info:
      • Project Name (Required)
      • Categories (e.g. Clothing, Hair)
      • Budget (in credits)
      • Priority (High, Medium, Low)
      • Status (Planning, In Progress, Derived, On Hold)
      • Notes (for ideas, tasks, reminders)
    3. Derivables Section
      Add your base derivables:
      • Name (Required)
      • Creator Name (Optional)
      • Link (Optional)
    4. Collaborators Section
      Great for collab work!
      • Collaborator Name (Required)
      • Assigned Task/Role (Required)
      • IMVU Profile Link (Optional)
    5. Image References
      Paste any image URLs (one per line).
    6. Click “Save Project” to store locally.

    🔍 Browsing & Sorting Projects

    Use the filters at the top to:

    • Filter by Category or Status
    • Sort by Newest, Priority, Name, or Budget

    📤 Exporting, Sharing & Importing

    • Export Projects: Save your full project list as a .json file.
    • Import Projects: Load previous data or backups.
    • Share as HTML: Generate a pretty, shareable version of your projects to send or post online.
    • Clear All: Delete all saved projects (use carefully!).

    ✏️ Editing, Duplicating, & Deleting

    Click any project card to:

    • Edit details
    • Duplicate for similar projects
    • Delete if no longer needed
    • View full-size Images and Notes

    👥 Collaborator Use

    • Perfect for team projects or artist partnerships.
    • Track who’s responsible for meshing, texturing, promos, etc.
    • Optional profile links allow easy access to each person’s IMVU page.

    💾 Where Is Data Saved?

    • All info is stored in your browser’s local storage.
    • No cloud account required.
    • Use Export regularly to keep backups.
  • Video Frame Generator

    View Content

    🎥 Video Frame Generator– User Guide

    Welcome to the Video Frame Generator, a powerful tool that lets you embed YouTube, Rumble, or Vimeo videos inside beautifully customizable frames — perfect for homepage embeds, portfolios, IMVU profiles, or project showcases!


    🔧 What It Does

    This tool allows you to:

    • Embed a video with a stylish frame.
    • Customize padding, borders, shadows, and rounded corners.
    • Choose between solid or gradient backgrounds.
    • Add a support link (e.g., “Generated by NekyPop!”).
    • Export and import your designs.
    • Copy ready-to-use HTML code for any website.

    🧭 How to Use It

    1. Paste Your Video URL

    • Go to the “Video Source” section.
    • Enter a link from YouTube, Rumble, or Vimeo.

    Example:

    arduinoCopyEdithttps://www.youtube.com/watch?v=dQw4w9WgXcQ
    

    2. Customize Your Frame

    🧱 Padding

    • Use the slider to set the space between your video and the frame’s inner edge.

    🎨 Background

    • Click either “Solid” or “Gradient”:
      • Solid: Choose one color.
      • Gradient: Choose type (Linear/Radial), angle/shape, and add up to 10 color stops.

    ⬛ Border

    • Set width, color, and style (solid, dashed, double, etc.)

    🔘 Corner Radius

    • Round the corners of your video frame for a smoother look.

    🌫️ Shadow

    • Toggle on/off and adjust X, Y, blur, and spread.
    • Pick the shadow color too.

    3. Add Support Link (Optional)

    • Enable the “Support NekyPop!” checkbox.
    • Customize the text, font size, colors, and preview it live.

    4. Export / Import / Reset

    • Export Settings: Download a .json file to save your design.
    • Import Settings: Upload a saved .json file.
    • Clear All Settings: Reset everything to default.

    5. Copy Embed Code

    • Scroll to the “Generated Embed Code” section.
    • Click “Copy Code” to use in:
      • WordPress HTML blocks
      • IMVU Homepages
      • Any custom website

    💡 Tips

    • Hover or tap controls to reveal their current values.
    • Gradient stops must be between 0% and 100%.
    • Shadow spread accepts negative values for tighter effects.
    • Every setting you change is saved in local storage, so your progress won’t be lost when refreshing the page.

    🛟 Supported Video Platforms

    ✅ YouTube
    ✅ Rumble
    ✅ Vimeo

    Paste the full video link, and the tool will automatically convert it to an embeddable version.


    🧩 Use Cases

    • Showcase a video in your art portfolio
    • Embed tutorials or trailers in your personal site
    • Stylize content for digital product pages
    • Embed IMVU product previews inside a framed layout

    ❤️ Powered by NekyPop

    Don’t forget to support the creator by keeping the support link enabled, or visiting:
    🔗 https://nekypop.com

  • Product Gallery Generator

    View Content

    🛍️ Use Case: IMVU Product Gallery Generator

    The IMVU Product Gallery Generator is a web-based tool that helps IMVU creators and shop owners build beautifully styled product displays to embed on their IMVU homepage, blogs, or personal websites. With full control over layout, styling, and content, it lets you:

    • Show off your products with images, prices, and links
    • Customize the appearance to match your brand or homepage
    • Generate copy-paste-ready HTML with no coding required
    • Preview your layout live as you build it
    • Import/export settings for future edits or backups

    Perfect for creators who want a visually attractive way to promote their catalog items and boost sales.


    🧭 Step-by-Step Guide

    1. Add Your Products

    • Click “Add Another Product”
    • Fill in:
      • Product Name (e.g. Galaxy Spark Aura)
      • Description (optional short text)
      • Price (Credits) (e.g. 699)
      • Image URL (hotlink from IMVU catalog, Catbox, etc.)
      • Product Link (link to the IMVU shop item)

    You can add multiple items, reorder them, duplicate them, or remove any.


    2. Style the Gallery

    Under Gallery Configuration, you’ll find sections to tweak:

    • Gallery Styling – background, spacing, alignment
    • Tile Styling – size, colors, borders, and shadows
    • Image Settings – how images fit inside the tile
    • Font Settings – font family, sizes, and colors for:
      • Product Name
      • Description
      • Price
      • Currency symbol (“CR”)

    Tip: Enable the optional “Support NekyPop!” link if you want to display a credit below your gallery.


    3. Live Preview

    As you edit, the right side shows a real-time preview in dark or light mode.
    You can toggle the mode with the switch above the preview.


    4. Get the Code

    Scroll to the HTML Snippet Code box:

    • Click “Copy Code”
    • Paste it into your IMVU homepage (or any HTML space)

    Done! ✨ Your product tiles will display exactly as styled.


    5. Save or Reload Your Work

    • Click “Export Settings” to download your current setup (.json file)
    • Use “Import Settings” to load it again later
    • Click “Clear All” to start fresh (resets styles + products)

    ✅ Why Use This?

    • Zero coding knowledge needed
    • Consistent layout, no broken tables or floating boxes
    • Looks great on all devices
    • Saves you hours of manual HTML writing