• Premium Tabs Navigation (Accessible, Responsive, No Dependencies) Digital Novo
    $4
    In stock
    France
    0 Anterior
    This widget provides a polished, production-ready tab system built with pure HTML/CSS/JavaScript.
    Highlights:

    Accessibility first: proper role="tablist", role="tab", role="tabpanel", aria-selected, aria-controls, and keyboard navigation (Arrow Left/Right, Home/End, Enter/Space).

    Responsive design: tabs wrap gracefully; panels scale on mobile.

    Smooth UI: modern styling, subtle animations, focus ring, hover/active states.

    Performance & UX: honors prefers-reduced-motion; minimal, framework-free footprint.

    Highly customizable with CSS variables (colors, radius, shadow, spacing, typography).
    This widget provides a polished, production-ready tab system built with pure HTML/CSS/JavaScript. Highlights: Accessibility first: proper role="tablist", role="tab", role="tabpanel", aria-selected, aria-controls, and keyboard navigation (Arrow Left/Right, Home/End, Enter/Space). Responsive design: tabs wrap gracefully; panels scale on mobile. Smooth UI: modern styling, subtle animations, focus ring, hover/active states. Performance & UX: honors prefers-reduced-motion; minimal, framework-free footprint. Highly customizable with CSS variables (colors, radius, shadow, spacing, typography).
    chat_permission
    Sim
    0 Comentários 0 Compartilhamentos 326 Visualizações 0 Anterior
  • Interactive Events Table (Responsive, Premium Version) Digital Novo
    Gratuito
    In stock
    France
    0 Anterior
    Description
    This widget provides a clean, responsive, and interactive events table. It allows users to sort columns (Date, Event, and Location) and automatically adapts to mobile devices with horizontal scrolling. It’s fully lightweight, requires no external libraries, and can be easily customized.
    Key Features
    - Clickable column headers for ascending/descending sorting.
- Responsive design with automatic horizontal scrolling on small screens.
- Lightweight, no external libraries required.
- Easy customization with CSS variables for colors, padding, font size, and shadows.
- Smooth hover highlights for a professional look.
    Description This widget provides a clean, responsive, and interactive events table. It allows users to sort columns (Date, Event, and Location) and automatically adapts to mobile devices with horizontal scrolling. It’s fully lightweight, requires no external libraries, and can be easily customized. Key Features - Clickable column headers for ascending/descending sorting.
- Responsive design with automatic horizontal scrolling on small screens.
- Lightweight, no external libraries required.
- Easy customization with CSS variables for colors, padding, font size, and shadows.
- Smooth hover highlights for a professional look.
    chat_permission
    Sim
    0 Comentários 0 Compartilhamentos 350 Visualizações 0 Anterior
  • Blue Gradient Message Carousel Digital Novo
    Gratuito
    In stock
    France
    0 Anterior
    Full Description (Detailed)

    The Blue Gradient Message Carousel is a self-contained, copy-paste widget that rotates short messages with a smooth fade animation. It’s designed to be visually prominent yet space-efficient, and it works in any HTML area (widgets, announcements, static pages, dashboards) without external services or libraries.

    Key Features

    Modern look: blue gradient background, rounded corners, soft shadow.

    Large & readable: responsive typography (mobile/desktop sizes).

    Smooth transitions: fade-in / fade-out between messages.

    Performance-friendly: pauses when off-screen; honors “reduced motion”.

    No external dependencies: all CSS & JS are inline; fully local.

    Drop-in anywhere: works in CMS widgets, announcement banners, or custom HTML blocks.

    Accessible by default: role="status", aria-live="polite", aria-atomic="true" included.

    Customizable via variables: change colors, font sizes, padding, timing in one place.

    What’s Included

    A single HTML snippet with:

    A style block (variables + layout + animation).

    A HTML wrapper for the carousel.

    A script to rotate messages and handle pause/visibility.

    Compatibility & Constraints

    Works in all modern browsers; gracefully degrades if animations are disabled.

    Can be added multiple times on a page (IDs must be unique per instance).

    Some CMS editors strip <script> tags—use a Custom HTML / Source/HTML mode block.
    Full Description (Detailed) The Blue Gradient Message Carousel is a self-contained, copy-paste widget that rotates short messages with a smooth fade animation. It’s designed to be visually prominent yet space-efficient, and it works in any HTML area (widgets, announcements, static pages, dashboards) without external services or libraries. Key Features Modern look: blue gradient background, rounded corners, soft shadow. Large & readable: responsive typography (mobile/desktop sizes). Smooth transitions: fade-in / fade-out between messages. Performance-friendly: pauses when off-screen; honors “reduced motion”. No external dependencies: all CSS & JS are inline; fully local. Drop-in anywhere: works in CMS widgets, announcement banners, or custom HTML blocks. Accessible by default: role="status", aria-live="polite", aria-atomic="true" included. Customizable via variables: change colors, font sizes, padding, timing in one place. What’s Included A single HTML snippet with: A style block (variables + layout + animation). A HTML wrapper for the carousel. A script to rotate messages and handle pause/visibility. Compatibility & Constraints Works in all modern browsers; gracefully degrades if animations are disabled. Can be added multiple times on a page (IDs must be unique per instance). Some CMS editors strip <script> tags—use a Custom HTML / Source/HTML mode block.
    chat_permission
    Sim
    0 Comentários 0 Compartilhamentos 362 Visualizações 0 Anterior
  • Would you like this css design for your Sngine website?

    #css #sngine #design #cssthemes #themes
    Would you like this css design for your Sngine website? #css #sngine #design #cssthemes #themes
    Love
    2
    4 Comentários 0 Compartilhamentos 203 Visualizações 1 Anterior
  • The Ultimate 2025 Guide: Turn Your SNGINE Site Into a Candy-Coated Wonderland with Kimi!
    (Grab a cozy blanket and a bubble tea —this is a long, snuggly ride!)

    ────────────────────────────

    1️⃣ What is Kimi?

    Kimi is your cloud-based AI sidekick living in your favorite chat window. Imagine a senior dev, designer, copywriter, and QA tester rolled into one adorable raccoon .

    You type in plain English, and Kimi delivers production-ready code, pixel-perfect mockups, witty copy, and even GIF tutorials. No React or SASS degree required!

    ────────────────────────────

    2️⃣ Plugin Paradise: From Zero to in 3 Prompts

    Prompt A – “Birthday Blast”
    Ask Kimi for a plugin that:

    • shows confetti + name marquee on birthdays
    • stores birthdate in user_meta
    • auto-posts a celebratory message
    • respects dark mode

    Kimi delivers:
    birthday-blast.zip with:

    – install.md (DB schema + hooks)
    – confetti.min.js
    – BirthdayBlast.class.php
    – Admin toggle

    Drag, activate—your users wake up to flying cupcakes!

    Prompt B – “Pet Avatar Pack”
    Ask for:

    • front-end cropper with preview
    • protected uploads/pets/ folder
    • auto-resize to 256×256 PNG

    Prompt C – “Night-Owl Scheduler”
    Kimi builds a cron plugin that switches themes at sunset based on timezone, with a moon progress bar.

    ────────────────────────────

    3️⃣ CSS Theme Sorcery

    Describe the vibe:
    “Pastel vaporwave with floating bubble cursors and glass-morphism cards.”

    Kimi delivers:

    • _vaporwave.scss with variables like --pink-latte and --aqua-mint
    • Gradient keyframes
    • Responsive container queries
    • Neon synthwave dark mode

    Compile with SNGINE’s SCSS compiler—your site becomes a Lisa Frank dream

    Pro tip: Ask for Figma tokens to sync design variables.

    ────────────────────────────

    4️⃣ Micro-Interactions That Spark Joy ⚡️

    Prompt: “Floating heart reaction widget for posts.”

    Kimi delivers:

    • sprite.svg with heartbeat frames
    • Plugin with AJAX nonce checks
    • Leaderboard template tag

    Copy-paste → dopamine button activated.

    ────────────────────────────

    5️⃣ Monetization Mini-Mods

    • “Tip Jar Latte” – Stripe plugin with steam animation
    • “Premium Sticker Shop” – WooCommerce bridge for comment stickers
    • “Gated Rainbow Blogs” – Patreon OAuth with CSS padlock

    Includes upgrade notices and GDPR blurbs.

    ────────────────────────────

    6️⃣ Workflow Wizardry

    Dev Tools Plugin:

    • Admin bar shortcuts:
    – Purge OPcache
    – Recompile SCSS
    – Regenerate thumbnails
    – Toggle maintenance mode

    • Console beautifier
    • GitHub Actions auto-deploy snippet

    ────────────────────────────

    7️⃣ Accessibility & Performance

    Ask: “Make my theme WCAG 2.2 AA and < 90 KB CSS.”

    Kimi will:

    • add icon cues
    • support reduced motion
    • compress CSS
    • deliver Lighthouse report

    ────────────────────────────

    8️⃣ Community Showcase

    Real #KimiMadeIt creations:

    • @AstroBunny: snow-globe profile cover
    • @RetroRamen: Lo-Fi Radio widget
    • @PixelCoven: CSS spell packs with prompt files

    ────────────────────────────

    9️⃣ Quick-Start Ritual

    1. Open chat → “I’m on SNGINE 3.15, PHP 8.3.”
    2. Paste your wish list with emojis
    3. Receive:

    – install.md
    – plugin/theme zip
    – demo GIF

    4. Upload via Admin
    5. Refresh, squeal, screenshot → share!

    ────────────────────────────

    Bonus Round – Easter Eggs

    • Konami-code rainbow road
    • /kimi endpoint with daily joke
    • “Cuddle Mode” turns avatars into plushies

    https://kimi.com.

    ────────────────────────────

    #KimiAI #SNGINE #BuildCute #CodeWithKimi #ThemeSparkle #AI #ARTIFICIALINTELLIGENCE
    🌸✨ The Ultimate 2025 Guide: Turn Your SNGINE Site Into a Candy-Coated Wonderland with Kimi! ✨🌸 (Grab a cozy blanket and a bubble tea 🧋—this is a long, snuggly ride!) ──────────────────────────── 1️⃣ What is Kimi? 🤖💕 Kimi is your cloud-based AI sidekick living in your favorite chat window. Imagine a senior dev, designer, copywriter, and QA tester rolled into one adorable raccoon 🦝👓. You type in plain English, and Kimi delivers production-ready code, pixel-perfect mockups, witty copy, and even GIF tutorials. No React or SASS degree required! ──────────────────────────── 2️⃣ Plugin Paradise: From Zero to ✨ in 3 Prompts 🎉 Prompt A – “Birthday Blast” Ask Kimi for a plugin that: • shows confetti + name marquee on birthdays • stores birthdate in user_meta • auto-posts a celebratory message • respects dark mode Kimi delivers: 📁 birthday-blast.zip with: – install.md (DB schema + hooks) – confetti.min.js – BirthdayBlast.class.php – Admin toggle Drag, activate—your users wake up to flying cupcakes! 🧁 🐾 Prompt B – “Pet Avatar Pack” Ask for: • front-end cropper with preview • protected uploads/pets/ folder • auto-resize to 256×256 PNG 🌙 Prompt C – “Night-Owl Scheduler” Kimi builds a cron plugin that switches themes at sunset based on timezone, with a moon progress bar. ──────────────────────────── 3️⃣ CSS Theme Sorcery 🎨🌈 Describe the vibe: “Pastel vaporwave with floating bubble cursors and glass-morphism cards.” Kimi delivers: • _vaporwave.scss with variables like --pink-latte and --aqua-mint • Gradient keyframes • Responsive container queries • Neon synthwave dark mode Compile with SNGINE’s SCSS compiler—your site becomes a Lisa Frank dream 🦄✨ Pro tip: Ask for Figma tokens to sync design variables. ──────────────────────────── 4️⃣ Micro-Interactions That Spark Joy ⚡️💗 Prompt: “Floating heart reaction widget for posts.” Kimi delivers: • sprite.svg with heartbeat frames • Plugin with AJAX nonce checks • Leaderboard template tag Copy-paste → dopamine button activated. ──────────────────────────── 5️⃣ Monetization Mini-Mods 💰🍪 • “Tip Jar Latte” – Stripe plugin with steam animation ☕ • “Premium Sticker Shop” – WooCommerce bridge for comment stickers • “Gated Rainbow Blogs” – Patreon OAuth with CSS padlock 🔓🌈 Includes upgrade notices and GDPR blurbs. ──────────────────────────── 6️⃣ Workflow Wizardry 🧙‍♀️✨ Dev Tools Plugin: • Admin bar shortcuts: – Purge OPcache – Recompile SCSS – Regenerate thumbnails – Toggle maintenance mode • Console beautifier • GitHub Actions auto-deploy snippet ──────────────────────────── 7️⃣ Accessibility & Performance 🦾🚀 Ask: “Make my theme WCAG 2.2 AA and < 90 KB CSS.” Kimi will: • add icon cues • support reduced motion • compress CSS • deliver Lighthouse report 📊 ──────────────────────────── 8️⃣ Community Showcase 📸💬 Real #KimiMadeIt creations: • @AstroBunny: snow-globe profile cover 🌌🐰 • @RetroRamen: Lo-Fi Radio widget 🎶💬 • @PixelCoven: CSS spell packs with prompt files 🪄👗 ──────────────────────────── 9️⃣ Quick-Start Ritual 🪄 1. Open chat → “I’m on SNGINE 3.15, PHP 8.3.” 2. Paste your wish list with emojis 🌟🍓🎠 3. Receive: – install.md – plugin/theme zip – demo GIF 4. Upload via Admin 5. Refresh, squeal, screenshot → share! ──────────────────────────── 🔟 Bonus Round – Easter Eggs 🥚🗝️ • Konami-code rainbow road 🌈 • /kimi endpoint with daily joke 😂 • “Cuddle Mode” turns avatars into plushies 🔗 https://kimi.com. ──────────────────────────── #KimiAI #SNGINE #BuildCute #CodeWithKimi #ThemeSparkle #AI #ARTIFICIALINTELLIGENCE
    Yay
    1
    2 Comentários 0 Compartilhamentos 305 Visualizações 0 Anterior
  • CreateAddon Extension for Plugin System Anyone Add-on Digital Used
    $15
    In stock
    United States
    1 Anterior 5.0
    Your Sngine Addon Builder
    You will need to have Plugin System installed in your Sngine first, you may get it here
    https://scriptstribe.com/posts/187

    Say goodbye to repetitive setup and hello to instant productivity! The CreateAddon tool is your all-in-one addon scaffolder inside the Plugin System. It generates everything you need to kick off a new Sngine addon — with zero file fumbling.

    What It Does:
    With just a few form inputs, CreateAddon will:

    Create the full addon folder under /modules/{addon_id}

    Auto-generate plugin.json, version.json, and docs.json

    Include default index.php, init.php, admin.php, and settings.php (if selected)

    Auto-generate .htaccess rewrite rules based on your route names

    Generate default TPL files:

    admin.addonid.tpl

    settings.addonid.tpl

    Optional custom route TPLs like addonid.tpl, addonid/rule.tpl, etc.

    Inject admin case logic into admin.php

    Inject settings case into settings.php and auto-create menu links

    Auto-create plugin preview image and link to /assets/img/preview.png

    Generate optional assets: CSS, JS (with defer/async), and Smarty hook templates

    Bonus Magic:
    Creates usermenu_settings.tpl with hook-ready markup

    Smart enough to skip duplicates and safely inject code in the right place

    No core file overwrites — everything is modular and plugin-friendly

    Who It’s For:
    Sngine site owners who want to build features faster

    Developers tired of manually creating boilerplate files

    Addon sellers who want a repeatable workflow

    YOU — if you love automation and hate repetitive work

    This is not just a form… it’s a full-blown addon-making machine. Build like a boss — with CreateAddon.
    Your Sngine Addon Builder You will need to have Plugin System installed in your Sngine first, you may get it here https://scriptstribe.com/posts/187 Say goodbye to repetitive setup and hello to instant productivity! The CreateAddon tool is your all-in-one addon scaffolder inside the Plugin System. It generates everything you need to kick off a new Sngine addon — with zero file fumbling. ✨ What It Does: With just a few form inputs, CreateAddon will: ✅ Create the full addon folder under /modules/{addon_id} ✅ Auto-generate plugin.json, version.json, and docs.json ✅ Include default index.php, init.php, admin.php, and settings.php (if selected) ✅ Auto-generate .htaccess rewrite rules based on your route names ✅ Generate default TPL files: admin.addonid.tpl settings.addonid.tpl Optional custom route TPLs like addonid.tpl, addonid/rule.tpl, etc. ✅ Inject admin case logic into admin.php ✅ Inject settings case into settings.php and auto-create menu links ✅ Auto-create plugin preview image and link to /assets/img/preview.png ✅ Generate optional assets: CSS, JS (with defer/async), and Smarty hook templates 🧩 Bonus Magic: 📎 Creates usermenu_settings.tpl with hook-ready markup 🧠 Smart enough to skip duplicates and safely inject code in the right place 🚫 No core file overwrites — everything is modular and plugin-friendly 🧑‍💻 Who It’s For: Sngine site owners who want to build features faster Developers tired of manually creating boilerplate files Addon sellers who want a repeatable workflow YOU — if you love automation and hate repetitive work 😉 This is not just a form… it’s a full-blown addon-making machine. Build like a boss — with CreateAddon. 👑
    chat_permission
    Sim
    0 Comentários 0 Compartilhamentos 685 Visualizações 1 Anterior
  • Folder Structure for the Addon
    pgsql
    Copy
    Edit
    addons/
    └── business_directory/
    ├── admin/
    │ └── templates/
    │ └── business_directory.tpl
    ├── includes/
    │ ├── functions.inc.php
    │ └── ajax/
    │ └── business_directory.php
    ├── templates/
    │ └── business_directory.tpl
    ├── lang/
    │ ├── english.php
    │ └── arabic.php
    ├── js/
    │ └── business_directory.js
    ├── css/
    │ └── business_directory.css
    └── manifest.json

    📁 Folder Structure for the Addon pgsql Copy Edit addons/ └── business_directory/ ├── admin/ │ └── templates/ │ └── business_directory.tpl ├── includes/ │ ├── functions.inc.php │ └── ajax/ │ └── business_directory.php ├── templates/ │ └── business_directory.tpl ├── lang/ │ ├── english.php │ └── arabic.php ├── js/ │ └── business_directory.js ├── css/ │ └── business_directory.css └── manifest.json
    Tipo de ficheiro: zip
    Wow
    1
    2 Comentários 0 Compartilhamentos 334 Visualizações 0 Anterior
  • To give our users more options for customizing their profiles, and as an additional monetization option, we have "Rings" for our users. Here, users can choose between free and paid profile rings, which are displayed everywhere around their profile picture: in the timeline, profile, comments—everywhere. In addition to free rings, users can also purchase rings with their points or for $ via the payment system.

    We can insert simple CSS designs for this, or even PNGs to add more specific designs.

    Our users love it! Maybe an idea for your community!
    To give our users more options for customizing their profiles, and as an additional monetization option, we have "Rings" for our users. Here, users can choose between free and paid profile rings, which are displayed everywhere around their profile picture: in the timeline, profile, comments—everywhere. In addition to free rings, users can also purchase rings with their points or for $ via the payment system. We can insert simple CSS designs for this, or even PNGs to add more specific designs. Our users love it! Maybe an idea for your community!
    Like
    Love
    4
    9 Comentários 0 Compartilhamentos 591 Visualizações 0 Anterior