Category: Guides

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


  • Sticky Notes Board

    View Content

    📝 Sticky Notes Board — User Guide

    Sticky Notes Board is a browser-based digital corkboard where you can organize colorful sticky notes across multiple boards. It’s designed to be easy, customizable, and private (no account or cloud storage — everything is saved locally).


    Features Overview

    • 📌 Add, move, edit, and delete sticky notes
    • 🎨 Customize note colors, text colors, fonts, and board backgrounds
    • 🗂 Create and manage multiple boards
    • 💾 Save and load notes (per board or all boards)
    • 🧹 Auto-arrange notes with a cleanup button
    • 📤 Export / 📥 Import JSON files for backup or transfer

    🚀 Getting Started

    1. Open the App
      Open StickyNotesBoard.html in any modern browser (Chrome, Firefox, Edge).
    2. Create Your First Note
      Click the “Add Note” button at the top to place a new sticky note.
    3. Edit a Note
      Click inside the note’s textarea and start typing. Changes save automatically.
    4. Move Notes
      Click and drag the note anywhere on the board.
    5. Delete a Note
      Click the × button at the top-right of the note.

    🎨 Customizing Notes

    • Background Color → Click the “BG” button and pick a color.
    • Text Color → Click the “Text” button and pick a text color.
    • Font → Select a font from the “Font” dropdown.
    • Changes apply to the next note you create. You can also change an existing note by focusing it and updating the style.

    🗂 Managing Boards

    • Click the bottom-left grid button to open the Boards Panel
    • Create a new board with the “New” button
    • Switch boards by clicking their names
    • Rename/Delete boards with the pencil 🖉 and trash 🗑 icons
    • Each board has its own notes and board style

    🧱 Board Styles

    Use the “Board” dropdown to switch between:

    • No pattern
    • Dots
    • Lines
    • Grid

    This helps you visually organize your notes.


    🧹 Organize Notes

    Click the “Cleanup” button to auto-arrange all notes neatly in a grid.


    🔐 Saving & Loading

    Click the ⚙️ Settings icon to access:

    • Export Active Board → Downloads a JSON file of the current board’s notes
    • Import to Active Board → Replaces current board notes with a file
    • Export All Boards → Backs up all boards/settings
    • Import All Boards → Replaces all data (notes + boards + settings)
    • Clear Active Board → Deletes all notes from current board

    ⚠️ All data is stored in your browser (localStorage). Clear your browser storage = lose your notes unless you exported them!


    📁 File Types

    All exports are .json files. These can only be used by this app, not opened directly.


    🔄 Resetting or Fixing

    If something breaks or acts weird:

    • Try refreshing the page
    • Open developer tools → localStorage → clear the stickyBoardsAppData_v3 key
    • Or re-import your saved .json
  • Glitter Text Generator

    View Content

    ✨ Glitter Text Generator – User Guide

    Create beautiful, sparkly, and stylish text for IMVU, blogs, and websites using the NekyPop Glitter Text Generator. This tool lets you customize text with glitter, gradients, glow, shadows, and more — then export it as an image or HTML snippet.


    🌟 Features Overview

    • Real-Time Preview: See your customized text instantly on a canvas.
    • Multiple Styles: Choose from Glitter, Glow, Pastel Gradient, Solid, Outline, Neon, or Drop Shadow.
    • Custom Fonts: Use built-in fonts or import your own .ttf, .otf, .woff, .woff2, or .eot files.
    • Color Picker: Add up to 5 custom colors (great for gradients or effects).
    • Advanced Effects: Adjust glitter sparkle, shadow blur, glow intensity, gradient angle, and more.
    • IMVU Code Generator: Auto-generate and copy IMVU-safe HTML using your hosted image.
    • Download as PNG: Save your glitter text as an image file.
    • Dark & Light Canvas Toggle: View how your design looks in both day and night modes.
    • Settings Import/Export: Save your settings or reload them later with a .json file.

    🧰 How to Use

    1. Type Your Text

    Enter your message in the “Text” field (e.g. NekyPop!).

    2. Choose a Font

    Select from built-in fonts like Inter, Arial, or Comic Sans — or import your own.

    3. Style the Text

    Check options like:

    • Bold / Italic / Underline / Strikethrough

    4. Pick a Style

    Use the dropdown to choose:

    • Glitter
    • Glow 🔥
    • Pastel Gradient 🌸
    • Solid Color
    • Outline ✏️
    • Neon 💡
    • Drop Shadow 🧱

    5. Customize Colors

    • Add up to 5 colors (for gradients and effects).
    • Additional sliders will appear depending on the style chosen.

    6. Tune Effects (If Available)

    • Adjust sparkle size, blur, angle, shadow offset, opacity, etc.

    7. Switch Background Mode

    Use the ☀️ / 🌙 toggle to change canvas background.

    8. Download Your Image

    Click “Download Image (PNG)” to save your design.

    9. Generate IMVU Code

    1. Upload your PNG to a site like catbox.moe
    2. Paste the direct link
    3. Click “Generate & Copy Code”
    4. Paste it into your IMVU homepage

    10. Save or Load Settings

    • Export your current look as a .json file.
    • Re-import saved settings anytime.
    • Use “Reset” to return to defaults.

    🖋 Tips

    • Text too long? Try reducing font size or using fewer effects.
    • Want a cleaner image? Use Solid or Pastel mode with one or two colors.
    • Add support link? Keep “Support NekyPop!” checked for automatic credit in IMVU HTML.
  • Live HTML Editor

    View Content

    🧰 Main Features

    • Live HTML Preview: See your HTML code rendered instantly.
    • Dark & Light Preview Themes: Toggle between night/day mode for the preview pane.
    • Safe HTML Sanitizer: Automatically removes risky or unsupported HTML for security.
    • Text Formatting Buttons: One-click insertions for tags like <b>, <i>, <a>, <img>, and more.
    • Font Styling Panel: Easily apply web-safe fonts, sizes (1–7), and font colors.
    • Undo/Redo Support: Keyboard shortcuts and buttons for easy backtracking.
    • Import & Export: Save your work or import HTML from .html or .txt files.
    • Copy to Clipboard: One-click to copy your HTML content.
    • Resizable Preview Area: Resize vertically to better inspect your layout.
    • Mobile-friendly & Responsive: Built with TailwindCSS for clean layout on all screen sizes.

    ✏️ How to Use

    1. Writing HTML

    Type or paste your HTML code into the large gray input area labeled “Enter your HTML here…”. The preview below updates automatically.

    2. Using Format Buttons

    Use the buttons at the top to quickly insert common tags:

    ButtonTag Inserted
    B<b></b> (Bold)
    I<i></i> (Italic)
    U<u></u> (Underline)
    S<s></s> (Strikethrough)
    LinkPrompts for URL and wraps it in <a>
    ImagePrompts for image URL + alt text <img>
    VideoAccepts YouTube/Vimeo links and embeds them
    CenterWraps in <center></center>
    BRInserts <br> (line break)
    HRInserts <hr> (horizontal rule)
    H1–H3Inserts heading tags
    UL/OL/LIInsert list structures

    3. Applying Fonts

    Use the Font Panel:

    • Font: Select from common web-safe fonts.
    • Color: Choose a text color.
    • Size: Set a font size from 1 (smallest) to 7 (largest).
    • Click Apply Font to wrap selected text in a <font> tag.

    4. Undo & Redo

    • Undo: Ctrl+Z or click the ⬅️ button.
    • Redo: Ctrl+Y or click the ➡️ button.

    5. Import/Export

    • Import: Click Import HTML and select a .html or .txt file to load.
    • Export: Click Export HTML to download your content.
    • Copy HTML: Copies your code to clipboard.

    6. Preview Settings

    • Click the 🌙/☀️ icon to toggle between night/day preview.
    • The preview panel is resizable—drag it vertically to see more or less.

    🔐 Safety & Sanitization

    To keep you safe, the app cleans your HTML:

    • Disallowed: <script>, <form>, inline JS, and similar.
    • Only certain attributes and tags are allowed (like <img src="">, <a href="">).
    • Video embeds only work from YouTube and Vimeo (via HTTPS).

    💾 Auto-Save

    The editor automatically saves your progress in the browser (via localStorage). Revisit the app later and your last session will still be there.


    🔙 Navigation

    Click the Back to nekypop.com button at the top if you want to return to the main site.


    ❓ Tips & Shortcuts

    Want a fresh start? Just erase the input area.

    Press Tab in the editor to insert two spaces.

    Press Ctrl+Z or Ctrl+Y for undo/redo.

  • Unicode Font Generator

    View Content

    🎯 Use Case: Unicode Font Generator

    The Unicode Font Generator is perfect for creators, influencers, and designers who want to:

    • Stylize text for social media bios, post captions, usernames, or nicknames
    • Beautify Discord names, statuses, or server headers
    • Create eye-catching titles or subtitles for their websites, blogs, or IMVU profiles
    • Make unique nicknames or emotes for Twitch, TikTok, Instagram, etc.
    • Add playful or expressive fancy fonts to content without installing anything

    It’s especially useful in platforms that allow Unicode text but don’t support custom fonts.


    📖 User Guide: How to Use the Unicode Font Generator

    ✨ Step 1: Visit the Tool

    Open the tool in your browser. You’ll see a dark-themed interface with a single input box and a list of styled text blocks.

    📝 Step 2: Type or Paste Your Text

    In the box labeled “Enter your text here”, write anything you want to transform (e.g., NekyPop, Hello World, etc.).

    🔁 Step 3: View the Results

    As you type, the tool automatically converts your input into multiple font styles like:

    • 𝓑𝓸𝓵𝓭 𝓢𝓬𝓻𝓲𝓹𝓽
    • 𝔉𝔯𝔞𝔨𝔱𝔲𝔯
    • Fullwidth
    • ⓒⓘⓡⓒⓛⓔⓓ
    • 𝙈𝙤𝙣𝙤𝙨𝙥𝙖𝙘𝙚
    • ꜰᴀɴᴄʏ sᴍᴀʟʟ ᴄᴀᴘs
    • Ń̷͋͆̿͆̿͊̐e̓̽̏̈́̀̾̎̇́̒͝k̛͗̔̈́̄́͒̇͒̏̕y̐̄̆̐͌́̈́̓̇̒͘P̛̄͛̽̍̓̅̿̓̎̚o͊̐̅̍̍̾̔̓̎̇̚p͑̅̈́̂̓̐̐̔̍̎͝ (chaotic style!)

    📋 Step 4: Copy Your Favorite

    Under each output block, click the Copy button to instantly copy the stylized version of your text to your clipboard.

    You’ll see a green message saying “Copied to clipboard!” when it works.

    🔙 Step 5: Return

    Click the “Back to nekypop.com” button to return to your homepage or dashboard.

  • Tabs Generator

    View Content

    🧰 Use Case: HTML/CSS Tabs Generator

    The Tabs Generator app is a web-based tool designed to help users easily create custom-styled tabbed content sections using HTML and CSS — perfect for IMVU profiles, personal websites, landing pages, or dashboards.

    Who it’s for:

    • IMVU users wanting clean, organized profile layouts
    • Creators who want to present categorized information (e.g. FAQ, product info)
    • Web designers needing quick tab layout mockups
    • Beginners learning HTML/CSS structure through visual tools

    Key Features:

    • Add and reorder multiple tabs
    • Live preview with light/dark mode toggle
    • Custom fonts, sizes, colors, spacing, borders, and more
    • Tab image support
    • Export & import designs as JSON
    • One-click HTML + CSS code generation

    📖 How to Use the Tabs Generator

    🧱 1. Add Tabs

    • Click “Add Tab” to create a new tab block.
    • Set the tab label, content, and optional image URL for each tab.

    🎨 2. Customize Global Styles

    • Fonts & Sizes: Choose fonts for tab labels, content, and support link. Adjust sizes.
    • Container: Set padding, background color, border, and radius of the entire tab box.
    • Tab List: Control spacing between tabs, padding, background color, and border radius.
    • Inactive, Hover, and Active Tabs: Define how each tab state looks (color, border, radius, etc.)
    • Content Area: Customize padding, margin, background and text styles for tab content.
    • Optional: Enable Support NekyPop to add a small link.

    💡 3. Preview in Real Time

    • Scroll to the Preview panel to see the live result.
    • Toggle Light Mode on or off to check both themes.

    💾 4. Save, Import, Reset

    • Export: Save your current setup as a .json file.
    • Import: Load a previously saved .json file to resume work.
    • Reset: Wipe all settings and return to default.

    🧩 5. Get Your Code

    • Scroll to the Generated Code panel.
    • Click “Copy Code” to get your ready-to-use HTML + CSS.
  • Floating Menu Generator

    View Content

    💼 Use Case: Floating Menu for IMVU or Custom Webpages

    The Floating Menu Generator by NekyPop helps IMVU users, creators, and small website owners build floating sidebars that enhance navigation, drive traffic to key links, and customize their profile layout — all without touching a line of code.

    Whether you’re linking to your IMVU shop, your social media, or adding visual flair with images, this tool makes it fast and intuitive. You can preview changes in real-time and copy the full CSS + HTML output when you’re ready.

    Perfect for:

    • IMVU profile customization
    • Web-based portfolios
    • Link hubs or promotional homepages
    • Streamlined link access for desktop or mobile

    🚀 Quick Start Guide

    1. Choose Sidebar Position
      Select whether the menu appears on the left or right of the page.
    2. Adjust Placement
      Fine-tune the top and side offset sliders to control where the sidebar floats.
    3. Customize Appearance
      • Set background, border, padding, and spacing.
      • Enable transparency for a seamless overlay.
      • Personalize button size, radius, font, and colors.
    4. Add Your Buttons
      Click “Add Item” to create a new button. Choose:
      • Text Link: Write the label and target URL.
      • Image Link: Paste a direct image URL and alt description.
    5. Preview & Copy
      See changes instantly in the preview box.
      When ready, hit “Copy Code” and paste it into your IMVU homepage or website.
    6. (Optional) Add a NekyPop Support Tag
      Check the box to include a small credit. You can style it to match your layout.
  • Name Roulette

    View Content

    🎯 Use Case

    Name Roulette is perfect for giveaways, classroom activities, decision-making games, or drawing random participants in a fun and suspenseful way. Whether you’re a content creator selecting winners live, a teacher engaging students, or a Discord community owner organizing random picks, Name Roulette adds excitement and fairness with just one spin.


    📘 Guide: How to Use Name Roulette

    Click “Reset” to clear the wheel and start fresh.

    Add Names Manually

    Type each name into the input box and click “Add Name” or press Enter.

    Names will appear in a scrollable list below.

    Import Names

    Click “Import” to upload a .txt or .pdf file with names listed one per line.

    Great for long lists or pre-collected entries!

    Spin the Wheel

    Click “Spin!” to randomly select a name.

    A confetti animation and sound celebrate the winner.

    Export Names

    Save your current name list to a .txt file by clicking “Export.”

    Reset the Wheel

  • Unicode Divider Generator

    View Content

    🔧 Use Case: Stylish Unicode Dividers for Social & Creative Spaces

    The Unicode Divider Generator is a flexible tool built for content creators, server admins, and digital artists who want to elevate their layout aesthetics using stylish text-based dividers. Whether you’re managing a Discord server, building an IMVU homepage, customizing a Twitch overlay, writing blog posts, or organizing Notion pages — this app helps you generate clean, symmetrical, and eye-catching section dividers using Unicode symbols.

    💡Popular Uses:

    • Break up text in Discord channel descriptions
    • Decorate IMVU profile layouts
    • Add flair to social media bios (Instagram, TikTok, etc.)
    • Format sections in Notion, Carrd, or personal websites
    • Separate roles or rules in server info panels

    📘 How to Use the Unicode Divider Generator

    Explore Pre-Made Dividers
    Scroll down to pick from a curated list of popular designs. Just click to copy!

    Set Divider Length
    Use the slider at the top to adjust the approximate character length of your divider. This helps fit it properly into bios, layouts, or chat boxes.

    Choose Symbol Categories
    Select one or more categories like Stars, Lines, Cute, Geometric, or Floral. Use the number input beside each to set how often that symbol type appears.

    Enable Mirroring (Optional)
    Turn on the “Mirror Divider” checkbox to make your divider symmetrical — perfect for centered titles or elegant layout breaks.

    Click “Generate Random”
    Hit the button to create a custom divider based on your settings. You can keep clicking to generate new versions, or use Undo/Redo to go back and forth between styles.

    Copy or Save
    Click Copy to instantly use your divider, or Save to download it as a .txt file for later use.

  • Unicode Nickname Generator

    View Content

    🧠 Use Case: Stylish Unicode Nicknames & Channel Names

    The Unicode Nickname Generator is perfect for creating aesthetic, unique names for online profiles, game avatars, and social platforms like Discord, IMVU, or Twitch. Whether you’re branding yourself with cute sparkles, edgy symbols, or mathematical elegance — this tool gives you full control over prefixes, suffixes, and even mirrored styles.

    A popular use case is for Discord server channel names, where Unicode characters help you:

    • Decorate category headers (✦・rules, 【 info 】)
    • Stylize main sections (🎨︱gallery, 🛒︱shop)
    • Add visual structure to your server layout (like dividers: ═════【 ROLE MENU 】═════)

    📖 How to Use the Generator

    Generate & Copy
    Click Generate Nicknames to see results, and copy any design you like with one click.

    Enter a Base Nickname
    Type the name or word you want to style (e.g., Neky, shop, admin).

    Choose an Affix Style

    Standard: Mix and match symbols, emojis, brackets, and more.

    Single Mirrored: Surround the name with a single symbol (like ♦Name♦).

    Paired Mirrored: Wrap the name with symmetrical pairs (like 【Name】, ⪼Name⪻).

    Customize Your Decorations

    Choose how many prefixes/suffixes to add.

    Select specific character categories (symbols, math, arrows, etc.).

    Set the number of mirrored character pairs if using that mode.

    Set How Many Variations You Want
    Generate up to 50 styled names at once.

  • Gallery Generator

    View Content

    🌟 Use Case: IMVU Gallery Generator

    The IMVU Gallery Generator is perfect for IMVU creators, shop owners, and profile stylists who want to show off product previews, room screenshots, outfit ideas, or art using a sleek HTML gallery.

    Whether you’re a creator or just want to make your profile stand out, this tool lets you design a custom image gallery without writing a single line of code. Just copy, paste, and you’re done!


    📖 How to Use the Generator

    🖼️ Step 1: Add Your Images

    • Click the “+ Add Image” button.
    • Paste up to 24 image URLs (direct links to JPG, PNG, etc).
    • Optionally, add overlay text and custom links for each image.

    🎨 Step 2: Customize the Style

    • Choose layout settings: how many columns, spacing, aspect ratio, etc.
    • Adjust image borders, hover effects (like zoom or blur), and corner radius.
    • Enable a CSS lightbox (popup on click) or set your own links per image.

    🧪 Step 3: Preview It

    • The Live Preview shows what your gallery will look like.
    • Tweak settings in real time until you’re happy with it.

    🧾 Step 4: Generate the HTML Code

    • Click “Generate HTML Code”.
    • Your finished gallery code will appear in the box below.
    • Click “Copy Code” and paste it into an HTML panel on your IMVU homepage.

    💾 Bonus Features

    Add a “Powered by NekyPop” link (optional support)

    Save your progress in your browser automatically.

    Export your settings as a .json file.

    Import saved settings later or share them with friends.