Elementor Logo Download Angie

Angie prompt library

Create

Ready-to-use prompts for managing your WordPress site with Angie.

Publishing activity overview dashboard widget

Create a Dashboard widget for the main WordPress Dashboard page that shows publishing activity for all content types (pages, posts, Elementor, products…) in a Git-style activity view, based on the attached image. This is site-wide activity, not per specific user.

Site Speed Test dashboard widget

Create a WordPress Dashboard widget that shows a website speed test with a nice score display like Google’s. Include a “Run test now” button, and also run the test automatically once a day. Display the date and time of the last test shown in the widget.

WooCommerce marketing HUD

Create a custom WordPress Dashboard Widget called ‘Marketing Intelligence HUD’.
Concept: A clean, executive-summary style dashboard widget for a wine store that shows where customers are located and how they found the store.
Behavior:

  1. Geography: Display a list of the Top 5 Cities and Top 3 Countries based on total revenue from recent orders.
  2. Traffic Sources: Show a simple breakdown of traffic sources (Organic, Social, Email, etc.) using WooCommerce attribution data.
  3. Data Retrieval: Fetch the last 25 orders to keep performance fast.
  4. Data Display: Use wp_strip_all_tags( wc_price( ... ) ) to show revenue amounts cleanly as plain text without HTML tags.

Controls:

  • Tabs: Simple toggle buttons to switch between “Geography” and “Traffic Sources” views.
  • Export: A button to download the data as a CSV file.

Technical Requirements:

  • Caching: Cache the data for 15 minutes using a WordPress Transient to prevent dashboard slowdowns.
  • Role: Only visible to Administrators.
  • Styling: Modern, spaced-out layout matching the WordPress admin aesthetic.

Performance: Ensure lightweight queries and efficient data processing.

Ripple Effect Image Widget

Create a custom Elementor widget named “Ripple Effect Image” with the following requirements:
1. Functionality:

  • Implement a WebGL-based liquid ripple distortion effect on image hover using Three.js.
  • The effect should be driven by mouse movement, creating fluid, water-like ripples that distort the background image.
  • Ensure the effect is smooth and performs well.

2. Content Controls:

  • Image: Media control to upload the background image.
  • Title: Text control for a main heading overlay (centered).
  • Subtitle: Text control for a sub-heading overlay (centered).

3. Settings Controls (Sliders):

  • Ripple Intensity: Control the strength/amplitude of the distortion.
  • Speed: Control the animation speed of the ripples.

4. Style Controls:

  • Dimensions: Width and Height controls for the widget container (responsive).
  • Typography: Standard Elementor typography controls for the Title.
  • Colors: Color control for the Title text.

5. Technical Implementation:
Use Three.js (load from CDN) for the rendering.
Implement proper resizing logic to ensure the image covers the container aspect ratio (like CSS object-fit: cover) without distortion or cutting off.

  • Use standard Elementor widget structure (PHP class, render method, JS handler).
  • Ensure all assets (CSS/JS) are enqueued correctly and only when the widget is used.

Bouncing QR Code Widget

Create a custom Elementor widget called ‘Bouncing QR Code’ for a 404 page.
Concept:

  • A retro-inspired, physics-based animation (like the DVD bouncing logo).
  • The widget is a solid colored box that moves at a constant velocity across the viewport.
  • Inside this box, display a QR Code image centered with some padding.
  • The QR code must be clearly visible on top of the box’s background color (use an <img> tag, not a CSS mask).

Behavior:

  1. Movement: The box moves automatically. When it hits the browser edge (viewport boundary), it bounces off.
  2. Color Cycling: Every time the box hits a wall, its background color changes. Cycle through 5 user-defined colors.
  3. Corner Hit: If it hits a corner perfectly, trigger a visual ‘celebration’ effect (e.g., glow or shadow pulse).
  4. Resizing: Detect window resizing to keep the box inside the visible area.

Controls:

  • Content Tab:
  • QR Code Image upload.
  • Link URL (for the QR code anchor).
  • Style Tab:
  • Color Cycling: 5 color pickers for the bounce sequence.
  • Dimensions: Controls for Box Size and Internal Padding (to frame the QR code).
  • Physics: Sliders for Horizontal and Vertical velocity.

Technical Requirements:

  • Use requestAnimationFrame for smooth performance.
  • Pure JavaScript (no jQuery dependencies if possible, but Elementor handler structure is required).
  • Ensure the widget is responsive and touch-friendly.

WooCommerce Orders dashboard widget

Create a custom WordPress Dashboard Widget called ‘Order Processing Monitor’.
Concept: A dedicated dashboard widget to monitor order statuses with a focus on identifying “Revenue at Risk” vs Success by calculating totals instead of just order counts.
Behavior:

  1. Time Range: Analyze orders from the last 7 days.
  2. Revenue Totals: Calculate the total dollar amount for:
  3. Completed (Completed + Processing)
  4. Pending Action (Pending + On-Hold)
  5. Revenue at Risk (Failed + Cancelled)
  6. Visuals: Display cards for each status with:
  7. An icon (Checkmark for success, Clock for pending, Warning for risk).
  8. The total revenue amount for that status.
  9. A progress bar showing the percentage of total revenue.
  10. Risk Alert: If “Revenue at Risk” > 0, style the card with a red background/border and bold red text to highlight the financial impact.
  11. Action Button: Include a “View At-Risk Orders” button that links to the order list filtered by failed,cancelled,pending,on-hold.

Technical Requirements:

  • Role: Only visible to users with manage_woocommerce capability.
  • Data Handling: Use wc_get_orders() and get_total() to sum revenue. Use wp_strip_all_tags( wc_price( ... ) ) to display currency values cleanly.
  • Caching: Cache the results for 5 minutes using a WordPress Transient for performance.
  • Styling: Use a modern card-based layout with a clean grid system.

WooCommerce Inventory HUD

Create a custom WordPress Dashboard Widget called ‘Live Inventory HUD’.
Concept: A streamlined inventory monitor for WooCommerce that provides an instant view of stock levels and allows for a one-click live CSV export. It should prioritize “Low Stock” items to help with reordering.
Behavior:
Live Stock Monitoring: Display a table of all products (including variations) with their current stock quantity.
Low Stock Highlighting: Use a conditional check (e.g., if stock < 5) to highlight the row in red so I can see what’s running low immediately.
Instant CSV Export: Include a button that, when clicked, generates and downloads a CSV file containing: Product Name, SKU, Stock Level, and Price.
Real-time Refresh: Include a “Refresh” button that updates the data without refreshing the whole WordPress dashboard page.
Controls (The Widget UI):
Stock Threshold Slider: A simple setting to define what count qualifies as “Low Stock” (default to 5).
Search Bar: A small filter at the top to search the table by Product Name or SKU.
Export Button: A prominent “Export to CSV” button.
Technical Requirements:
Data Sourcing: Use wc_get_products() to pull the inventory data rather than raw SQL for better compatibility.
Hook: Register the widget via wp_add_dashboard_widget.
Export Logic: Use JavaScript (Blob or Data URI) to handle the CSV generation on the fly so it doesn’t strain the server.
Security: Ensure the widget is only visible to shop_manager or administrator roles.

Visual tooltip widget

Create a tooltip widget that has a hover effect. Tooltip Design and Behavior Instructions Design Guidelines – Text: Display a paragraph designed in an elegant Serif font.
Specific Words: Certain words (such as names of places) should be highlighted with a light yellow background (Highlight).
Behavior: When the user hovers with the mouse over the highlighted word, a small image (Thumbnail) should appear.
Frame: The image should appear in a frame with Rounded corners.
Animation: The image should appear via a “Pop-up” or “Scale up” effect.

Inline product table

Create a WooCommerce product management dashboard for the WordPress admin. It should add a new menu page titled ‘Inline Products’ with a store icon. The UI must feature a searchable and sortable table of products with inline editing for prices and a modal window for viewing product descriptions. The design should be modern, using the Inter font and including fade-in animations.

Floating chat bubble

Build a floating chat bubble snippet that appears fixed in the bottom left or right corner of the website. When clicked, it opens a chat-style popup with a customizable header, welcome message, and clickable predefined FAQ questions (e.g., “What are your opening hours?”) that display prewritten answers in chat format, with optional typing animation. Include a dedicated WordPress admin settings page to enable/disable the widget, control position and offsets, customize colors and styling, manage and reorder predefined questions and answers, set fallback contact options, enable interaction logging or email/webhook notifications, and add custom CSS.

Solar System Explorer widget

Create a Solar System Explorer widget featuring animated orbits for all eight planets, orbiting the Sun. Include smooth animations and allow users to customize each planet’s size, speed, color, and orbital distance directly from the widget settings

Admin Favorites

Create a PHP and JavaScript snippet to build a ‘Dynamic Admin Favorites’ system. It should function as follows:

The Menu: Add a top-level WP Admin menu item labeled ‘Favorites’.

The ‘Add’ Button: Use the admin_enqueue_scripts hook to inject a small ‘Add to Favorites’ button (using a star dashicon) next to the page title (the .wp-heading-inline or h1) on every admin page.

The Logic: When the star is clicked, use AJAX to save the current page’s URL and Title to the current user’s ‘user_meta’.

The Display: The ‘Favorites’ menu should dynamically list all saved pages as sub-menu items.

Management: Include a simple ‘Clear Favorites’ option at the bottom of the list.

Please ensure the code includes the necessary wp_ajax actions and uses get_user_meta to keep the favorites unique to each logged-in user.

Image reveal menu widget

Create a custom Image Reveal Menu widget using a full-screen Elementor container with a vertical text menu on the left side (items: England, Brazil, France, Japan, Italy). Add custom CSS and JavaScript so that when I hover over each menu item, the parent container’s background image changes to a specific image for that country, and the text gets a bottom border (underline) on hover.

Liquid Effect on images

Create a liquid/wave distortion effect on images when hovering over them, making them appear to ripple or wobble. Add admin controls for distortion intensity, wave frequency, animation duration, and apply to featured images, galleries, or custom image classes.

Image Zoom on Scroll

Add a Ken Burns-style zoom effect to featured images or hero sections as users scroll past them. Images should smoothly scale up or down. Include admin settings for zoom intensity, direction (in/out), which image types to affect, and scroll range for the effect.

Magnetic Buttons & Links

write the code to create a magnetic attraction effect that subtly ‘pulls’ the cursor towards buttons and links when hovering nearby. I need this to include WordPress admin controls to adjust the following settings: magnetic strength, activation radius, animation smoothness, and an input to specify which CSS classes/elements (like buttons or links) should have the effect.

Crucial requirement: This effect must ONLY apply to the frontend for regular site visitors. It must be strictly disabled inside the WordPress admin dashboard, the Elementor editor interface (like the widget sidebar), and any other backend interface so it doesn’t interfere with site editing.

Animated Page Transitions

Implement smooth page transition animations when navigating between pages. Include effects like fade, slide, zoom, or curtain-style transitions. Add admin settings to choose transition type, duration, easing function, and enable/disable for specific page types (posts, pages, archives).

Circular cursor follower

Create a circular cursor follower that inverts or changes the color of page content underneath it as the mouse moves. The circle should:

Follow the cursor smoothly
Have a customizable size (around 50-100px diameter)
Apply a blend mode effect (like difference or exclusion) to invert colors of text/images beneath it
Work across the entire page
Be performant and not cause lag

Add a WordPress admin settings page:

Create a new menu item in the WordPress admin sidebar called “Cursor Effect” or similar
Include controls to adjust:

Circle size (slider or number input)
Circle color
Blend mode options (difference, exclusion, multiply, etc.)
Enable/disable the effect
Animation speed/smoothness
Optional: Circle border thickness and style

Save settings to the WordPress database
Apply the saved settings to the frontend cursor effect in real-time

Implement using WordPress settings API, CSS, and vanilla JavaScript.

Pomodoro Timer app

Create a Pomodoro technique timer app for WordPress using code. Build custom post type ‘angie_pomodoro’ with features: Start/pause/reset timer, Default work session (25 min), Short break (5 min), Long break (15 min), Session counter (track pomodoros completed), Task list integration (add tasks and link pomodoros to tasks), Notifications (browser notifications when session ends), Sound alerts (customizable), Auto-start next session toggle, and Daily/weekly productivity stats. Include WordPress admin controls for: Default session lengths (customize work/break durations), Auto-start preferences, Notification settings (sound/browser/both), Task list enable/disable, Long break frequency (every 4 pomodoros default), Custom sound uploads, Session goal (set daily pomodoro target), Data retention (keep stats for X days), and Export productivity report. Generate shortcode [angie_pomodoro id=’X’]. Frontend design: Focused productivity interface with large circular countdown timer, clean start/pause controls, visual session indicators showing completed/remaining pomodoros, minimalist task list, calming colors (blues, greens), distraction-free design, 30px padding, clear typography for remaining time. Design Customization in admin: Timer style (Circle/Linear/Flip), Color scheme (Focus blue/Energy green/Calm purple/Custom), Typography (clear readable fonts), Size (compact/comfortable/large), Button style (minimal/prominent), Progress indicator (ring/bar/dots), Task list style (show/hide/sidebar), Mobile layout, and Dark mode for evening work. Include session quotes/tips during breaks (“Stand up and stretch!”, “Hydrate!”), focus music/ambient sound integration (rain, waves, coffee shop), and streak tracking with celebration when hitting milestones (7 days, 30 days, 100 pomodoros). Make it your go-to productivity companion.

Interactive 404 Maze Game

Create an interactive 404 error page with a playable maze game using code. Build a custom 404 page template replacement that includes a mini maze game where users guide a character (ball, pacman, custom mascot) through a maze to find the “Home” page. Include features: Arrow key/SWIPE controls, Timer showing how fast they complete it, Different difficulty levels (Easy/Medium/Hard with larger/smaller mazes), High score tracking, “Give Up” button linking to search or homepage, and Easter eggs hidden in maze walls (bonus points or fun messages). Include WordPress admin controls for: Game difficulty default, Character selection (choose sprite or upload custom), Maze theme (Classic, Neon, Forest, Space), Background music toggle with upload option, Sound effects toggle, High score leaderboard (show top 10 fastest completions), Success reward (discount code, free resource, etc.), Skip game link prominence (immediate vs after attempt), and Custom 404 message above game. Automatically replace default WordPress 404 with this page. Frontend design: Full-screen game interface with retro-game aesthetic, clear maze walls with shadows, animated character sprite, score/timer display in corners, smooth movement animations, mobile-friendly touch controls, modern pixel-art style or vector graphics. Design Customization in admin: Visual theme (Retro 8-bit/Modern minimal/Dark neon/Nature), Maze wall style (thick/thin/rounded), Character sprite (upload custom or choose from library), Background pattern, UI color scheme, Button style for controls, Sound on/off toggle, and Mobile layout optimization. Make it fun and addictive so people actually enjoy landing on 404, share it with friends, and remember your brand positively. Include subtle branding and links to popular pages as hints throughout the maze.

Weather Widget App

Create a weather widget app for WordPress using code. Build custom post type ‘angie_weather’ that displays current weather and forecast. Include features: Location input (city name or auto-detect via geolocation), Current weather display (temperature, condition, icon, feels like, humidity, wind speed), 5-7 day forecast cards, Hourly forecast for today, Weather alerts/warnings, Sunrise/sunset times, Air quality index, and Unit toggle (Celsius/Fahrenheit, km/mph). Include WordPress admin controls for: Weather API selection (OpenWeather, WeatherAPI, or others), Default location, Auto-detect location toggle, Update frequency (cache duration), Enable/disable forecast, Enable/disable hourly view, Enable/disable additional data (AQI, UV index, etc.), Temperature unit default, Custom weather icons upload, and Fallback message when location not found. Generate shortcode [angie_weather id=’X’]. Frontend design: Beautiful weather-focused design with condition-based background gradients (sunny=yellow/orange, rainy=blue/gray, cloudy=gray), large temperature display, animated weather icons, forecast cards with hover effects, glassmorphism design trend (frosted glass effect), 35px padding. Design Customization in admin: Layout style (Compact/Full/Minimal), Background mode (Dynamic based on weather/Static/Image), Color scheme (Light/Dark/Auto), Typography (clean modern fonts), Icon style (Realistic/Minimal/Flat/Animated), Card design (flat/elevated/outlined), Temperature prominence (large/medium), Forecast layout (horizontal scroll/grid), and Mobile optimization. Include optional features like weather-based recommendations (“Perfect day for a picnic!”) and severe weather alert popups.

Password Generator app

Create a secure password generator app for WordPress using code. Build custom post type ‘angie_password_gen’ with features: Generated password display with large readable font, Password length slider (6-50 characters), Character type checkboxes (Uppercase, Lowercase, Numbers, Symbols), Exclude ambiguous characters toggle (0/O, 1/l/I), Custom character set input, Password strength meter with visual bar and score, Generate button with animation, Copy to clipboard button, Password history (show last 10 generated), and Common password warning. Include WordPress admin controls for: Default password length, Default character types selected, Strength calculation algorithm selection (NIST/zxcvbn), Enable/disable password history, Custom strength labels (“Weak”/”Fair”/”Good”/”Strong”→customize these), Clipboard copy feedback message, Auto-generate on page load toggle, and Password hints generator (create memorable phrases based on password). Generate shortcode [angie_password_generator id=’X’]. Frontend design: Security-focused design with tech aesthetic, monospace font for generated password, color-coded strength meter (red/orange/yellow/green), clean toggle switches for options, smooth regenerate animation, 30px padding, modern cyber-security vibe. Design Customization in admin: Color scheme (Hacker green, Corporate blue, Minimal gray), Strength meter style (bar/circular/shield), Typography (monospace font options), Button style (generate button prominence), Layout (vertical/horizontal options), Icons style (lock/shield variations), Mobile optimization, and Dark mode default. Include additional features like password expiry reminder setup and breach check integration (check if password exists in known breaches database via API).

Quiz Builder with Scoring & Results app

Create an interactive quiz builder app for WordPress using code. Build custom post type ‘angie_quiz’ with visual quiz creation interface. Include features: Unlimited questions, Question types (Multiple choice, True/False, Image selection, Fill in the blank), Point values per question, Correct answer marking, Explanation text (shown after answering), Timer per question (optional), and Result categories based on score ranges (e.g., “Expert: 90-100%”, “Intermediate: 60-89%”). Include WordPress admin controls for: Question bank management (add/edit/delete/reorder questions), Randomize questions toggle, Show correct answers immediately or at end, Pass/fail threshold, Result page customization with different messages per score range, Share results to social media toggle, Retake quiz option, Lead capture (email before or after quiz), Certificate generation for passing scores, and Results analytics dashboard (see average scores, most missed questions). Generate shortcode [angie_quiz id=’X’]. Frontend design: Engaging game-like interface with question cards, smooth transitions between questions, progress bar at top showing quiz completion, clear answer selection with hover states, immediate feedback animations (checkmark or X), 32px padding, playful but professional. Design Customization in admin: Color theme (playful/professional/educational), Quiz layout (card/full-page/sidebar), Typography (fun or serious fonts), Button style (rounded/sharp/pill), Progress indicator style (bar/dots/percentage), Answer hover effects (glow/scale/border), Correct/incorrect colors (green/red or custom), Mobile layout (single column, larger touch targets), and Animation speed. Include gamification with points, streak counter, and sound effects toggle. Make it addictive and share-worthy.

Countdown Timer & Event Counter app

Create a customizable countdown timer app for WordPress using code. Build custom post type ‘angie_countdown’ for creating unlimited countdown timers. Include settings: Event name, Target date and time, Time zone selection, Countdown format (Days:Hours:Minutes:Seconds or custom), Event description/details, and Action on completion (show message, redirect, hide timer, trigger confetti). Include WordPress admin controls for: Multiple countdown templates (Product Launch, Wedding, Sale End, Coming Soon), Display format options (flip clock, simple numbers, circular progress, text-based), Expired state message editor, Recurring countdown toggle (repeat daily/weekly/monthly), Urgency messaging (show “Only X hours left!” at certain thresholds), Sound notification toggle (play sound when timer hits zero), and Email notification (alert admin when countdown ends). Generate shortcode [angie_countdown id=’X’]. Frontend design: Bold eye-catching design with large animated numbers, flip animation on number changes, modern segmented display boxes, subtle glow effects on active numbers, responsive sizing, 35px padding. Design Customization in admin: Timer style (Digital/Analog/Minimal/Flip), Color scheme with gradient support, Number size and font weight, Background (solid/gradient/image upload), Label position (above/below/beside numbers), Separator style (colon/dots/bars/none), Shadow and glow effects, Mobile scaling (smaller numbers on mobile), and Animation style (flip/fade/slide/count). Include special effects like pulsing when under 1 hour, color change as deadline approaches (green→yellow→red), and celebration animation when reaching zero.

Calorie Counter & Meal Planner app

Create a calorie tracking app for WordPress using code. Build custom post type ‘angie_calorie_counter’ with features: Search food database (integrate with free nutrition API like Nutritionix), Add custom foods manually, Daily calorie goal input, Meal categories (Breakfast, Lunch, Dinner, Snacks), Macronutrient breakdown (Protein, Carbs, Fats), Water intake tracker, Exercise log (calories burned). Display: Daily total calories, Remaining calories, Macro pie chart, Weekly progress chart, and Achievement badges. Include WordPress admin controls for: Nutrition API key setup, Food database selection (use API or custom database), Default calorie goal calculation (based on age/weight/activity), Macro ratio presets (balanced/keto/high protein), Custom meal categories, Enable/disable water tracker, Enable/disable exercise log, Data retention period, and Export user data toggle. Generate shortcode [angie_calorie_counter id=’X’]. Frontend design: Fresh health-focused design with vibrant greens and blues, card-based meal entries, visual progress circles showing calories/macros, food search with autocomplete, smooth add/remove animations, 30px padding, motivational micro-copy. Design Customization in admin: Color theme (Fresh/Energetic/Calm), Chart style (donut/bar/line), Typography (friendly rounded fonts), Layout density (compact/comfortable), Progress indicator style (circles/bars), Icon set (food icons style), Mobile optimization (swipe to delete entries), and Success celebration animations (confetti when hitting goals). Make it encouraging and non-judgmental with positive reinforcement.

Currency Converter with Live Rates app

Create a real-time currency converter app for WordPress using code. Build custom post type ‘angie_currency_converter’ with features: Amount input, From Currency dropdown (with flags), To Currency dropdown (with flags), Live exchange rate display with last update time, Swap currencies button, Historical rate chart (optional – show 7/30/90 day trends), and Popular currency pairs quick buttons. Include WordPress admin controls for: Exchange rate API selection (multiple free API options as fallback), Update frequency (hourly/daily), Default currencies (base and target), Enable/disable historical charts, Favorite currencies list (show these first in dropdown), Custom exchange fee percentage (if for business use), Offline mode with last known rates, and Cache duration settings. Generate shortcode [angie_currency_converter id=’X’]. Frontend design: Modern fintech-inspired design with blue/green gradients, large readable numbers, country flags next to currency codes, smooth swap animation when reversing currencies, clean dropdowns with search, 32px padding, real-time update indicator (pulsing dot when fetching new rates). Design Customization in admin: Color scheme (professional/vibrant/minimal), Flag display toggle (show/hide country flags), Number format (decimal places, thousands separator), Typography (modern financial fonts), Card elevation (flat/raised), Exchange rate display style (large/small/badge), Mobile layout optimization, and Dark mode support. Include “Amount in multiple currencies” mode showing one amount in 10+ currencies simultaneously.

BMI Calculator & Health Tracker app

Create a BMI (Body Mass Index) calculator app for WordPress using code. Build custom post type ‘angie_bmi_calc’ with inputs: Weight (with kg/lbs toggle), Height (with cm/feet+inches toggle), Age, Gender (for enhanced calculations), Activity Level dropdown. Display results: BMI number with color-coded category (Underweight/Normal/Overweight/Obese), Ideal weight range, Recommended daily calories, BMI chart with user’s position marked, and Health tips based on result. Include WordPress admin controls for: Measurement unit defaults, Enable/disable advanced fields (age, gender, activity), Custom result messages per BMI category, Health tips editor (customize advice for each category), Save results toggle (let users save progress with email), and Email results option. Generate shortcode [angie_bmi_calculator id=’X’]. Frontend design: Clean health-focused design with calming green/blue gradients, 32px padding, large input fields with unit toggles, visual BMI gauge with needle animation pointing to user’s result, progress bar showing ideal range, smooth transitions. Design Customization in admin: Primary color (gauge color), Background gradient toggle (solid or gradient), Typography settings (heading and body fonts), Card style (flat/elevated/outlined), Result display style (gauge/bar/number), Icon pack selection (health-related icons), Mobile layout (vertical/horizontal inputs), and Animation speed (instant/smooth/slow). Make it feel professional and motivating, not judgmental.

Mortgage Calculator App

Create a mortgage calculator mini app for WordPress using code. Build a custom post type ‘angie_mortgage_calc’ that generates a calculator widget. Include inputs: Home Price (slider and number input), Down Payment (percentage or dollar amount toggle), Interest Rate (percentage), Loan Term (15, 20, 30 years dropdown). Display real-time results: Monthly Payment (principal + interest), Total Interest Paid, Total Amount Paid, and a visual amortization chart showing principal vs interest over time. Include WordPress admin controls for: Default values for each field, Min/max ranges for sliders, Enable/disable specific fields, Custom labels and help text, Currency symbol and format (USD, EUR, etc.), and Result display options (show/hide breakdown, chart type). Generate shortcode [angie_mortgage_calculator id=’X’] to embed anywhere. Frontend design: Modern card-based layout with soft shadows (0 3px 12px rgba(0,0,0,0.08)), 35px padding, gradient accent colors, smooth range sliders with value bubbles, large readable result numbers with animated count-up effect, responsive mobile layout with stacked inputs. Include Design Customization tab in admin: Primary color picker (applies to sliders, buttons, accents), Secondary color picker, Background color, Font family dropdown (Google Fonts integration), Border radius slider (0-20px for card roundness), Spacing controls (compact/comfortable/spacious), Button style (solid/outline/gradient), and Shadow intensity slider. Add dark mode toggle option. Ensure calculations update in real-time as users adjust inputs.

Abstract background image

Create a modern abstract background image for a tech startup hero section. Soft gradient from deep blue (#1a237e) to purple (#6a1b9a), subtle geometric shapes floating, clean and minimal, 1920x1080px, professional and innovative feel.

Cancellation & Refund Request Form

Create a cancellation/refund form builder for WordPress. Build a custom post type ‘angie_cancellation_form’ for subscription services or e-commerce. Include fields: Customer Email, Order/Account Number, Reason for Cancellation dropdown (Too expensive, Not using enough, Found alternative, Technical issues, etc.), Detailed Feedback textarea, Would you consider staying for a discount? (Yes/No), and Process my request as (Cancellation, Refund, Pause Account). Add a Retention tab where you can set up logic: if customer selects “Too expensive” show a discount offer, if “Not using” offer pause instead of cancel. Include a Workflow tab with request statuses (Submitted, Under Review, Approved, Declined, Completed). Add Settings for confirmation emails, win-back email sequence for cancelled users (send emails at 30, 60, 90 days), and refund policy display. Generate shortcode [angie_cancellation_form id=’X’] and store in ‘angie_cancellations’ table. Create an admin cancellation management page where you can review requests, see cancellation reasons analytics (what’s the most common reason?), approve/decline requests, trigger retention offers, track churn rate, and export data. Integrate with your billing system to actually process cancellations. Style the frontend with an empathetic design: understanding copy (“We’re sorry to see you go”), clear refund policy explanation, feedback encouraged, 28px padding, neutral colors, respectful tone, and options to pause instead of cancel. Make the “Submit Request” button clear but not pushy.

Product Order Form with Price Calculator

Create a product order form builder for WordPress. Build a custom post type ‘angie_order_form’ for selling products or services with customization options. Include fields like Product Selector dropdown, Quantity number field, Variations (Size, Color dropdowns), and Custom Text input for personalization. Add a canvas that shows a live price calculator as users make selections. Add a Products tab where you can add products with base prices and variations. Add a Calculations tab for automatic tax, shipping, and discount calculations. Include a Payment tab for payment gateway integration (Stripe, PayPal, Square). Add Settings for order confirmation emails with invoice PDF and order number generation. Generate shortcode [angie_order_form id=’X’] and store orders in ‘angie_orders’ table. Create an admin order management page with order statuses (Pending, Paid, Processing, Shipped, Completed), fulfillment tracking, and export functionality. Style the frontend like an e-commerce checkout: product thumbnails, clear variation dropdowns, live price updates that recalculate as options change, prominent total display in a sticky sidebar, 30px padding, and a strong “Place Order” button. Make mobile checkout smooth and intuitive.

Job Application Form Builder

Create a job application form builder for WordPress. Build a custom post type ‘angie_job_form’ for collecting job applications. Include fields like Resume Upload, Cover Letter textarea, Portfolio URL, Salary Range slider, and standard contact fields. Add a Questions tab where you can add custom screening questions per position. Add a Files tab to set upload restrictions (PDF/DOC only, max 5MB). Include a Workflow tab with application statuses: New, Reviewing, Interview Scheduled, Rejected, Hired—you can change status for each applicant. Add Settings for email notifications to HR, auto-reply to applicants, and custom email templates. Generate shortcode [angie_job_form id=’X’] and store applications in ‘angie_applications’ table. Create an admin applicant tracking page where you can see all applications, change statuses, add star ratings, leave internal notes, preview uploaded files, and export to CSV. Style the frontend professionally: clear sections for different parts of the application, drag-and-drop file upload with progress bar, 28px padding, subtle gray section backgrounds, progress indicator for multi-section forms, and a prominent “Submit Application” button. Show resume preview on mobile before upload.

Multi-Step Form Builder with Progress Tracking

reate a multi-step form builder for WordPress. Build a custom post type ‘angie_multistep_form’ where you can create forms that span multiple pages/steps. The builder should show tabs at the top for each step (Step 1, Step 2, etc.) where you can add, remove, or reorder steps. Each step has its own sidebar with draggable fields, a canvas showing that step’s form, and properties for configuring fields. Include Step Settings for each step: step name, description, button text (Next/Previous/Submit), and conditional logic to skip steps based on previous answers. Add Form Settings for the overall form: progress bar style (bar, dots, numbers, percentage), save-and-continue feature (lets users save progress and get an email link to finish later), success message or redirect, and email notifications. Add a Design tab for step transition animations and progress bar styling. Generate shortcode [angie_multistep_form id=’X’] that renders the form with smooth transitions between steps. Store partial submissions temporarily with a unique token so users can resume, and save completed submissions to ‘angie_multistep_entries’ table with all the step data. Create an admin dashboard showing all submissions with completion status and analytics on where people drop off. Include CSV export with columns for each step. Style the frontend to feel modern and encouraging: clean white container with shadow, 40px padding, animated progress bar at top, clear step indicators with numbered circles, comfortable spacing between fields, and obvious Next/Previous buttons. Make it mobile-optimized with easy navigation.

Survey & Feedback Form Builder

Build a survey and feedback form builder using code in WordPress admin for collecting customer opinions and data. Include field types: Star Rating, Scale (1-10), Multiple Choice, Checkboxes, Textarea, Yes/No, Emoji Rating. Include admin controls for: question builder with branching logic, randomize questions/answers, required questions toggle, anonymous submission option, survey analytics dashboard (charts/graphs for responses), average rating calculator, text response viewer, export results to CSV/PDF, embed in posts/pages with shortcode [survey_form id=”1″] or send via email link, thank you page customization, form styling, and enable/disable.

Lead Generation Form Builder

Create a lead capture form builder using code in WordPress admin for collecting potential customer information. Include field options for common lead data: Name, Email, Phone, Company, Job Title, Industry dropdown, Budget range, How did you hear about us, Message. Include admin controls for: build custom lead forms with any fields, lead scoring system (assign points to answers), lead status tracking (New/Contacted/Qualified/Converted), email notifications, auto-responder emails, MailChimp/ConvertKit/ActiveCampaign integration, lead management dashboard with filters and search, export leads, form analytics (conversion rate), A/B testing for forms, styling options, and enable/disable.

Contact Form Builder

Build a contact form builder using code in WordPress admin to create simple contact forms for any page. Default template includes: Name, Email, Phone, Subject, Message fields. Include admin controls for: customize field labels and placeholders, add/remove fields, set recipient email addresses, configure auto-reply to sender, add departments dropdown with routing to different emails, file attachment option, success message customization, form design options, spam protection (honeypot/reCAPTCHA), view submissions in admin, export to CSV, generate shortcode [contact_form id=”1″] to embed form anywhere on the site, and enable/disable.

Universal Form Builder

Create a drag-and-drop form builder using code in WordPress admin that allows me to build any type of custom form. Include field types: Text, Email, Phone, Dropdown, Radio Buttons, Checkboxes, Textarea, Number, Date Picker, File Upload, URL, Password, Hidden Field, reCAPTCHA. Include admin controls for: add/remove/reorder fields with drag-and-drop, configure each field (label/placeholder/required/validation/default value), conditional logic (show/hide fields based on other answers), multi-column layout options, form submission storage in database with view/filter/export, email notifications (to admin and user with template editor), success message or redirect URL, spam protection, form styling (colors/fonts/spacing/button design), embed options (shortcode/widget/popup), duplicate forms, and enable/disable.

Create new role

Using code, create a new user role called [role name] with capabilities to [describe what they should be able to do, e.g., “edit posts but not publish them” or “manage products but not access settings”]

Rollback Plugins

Using code, add a rollback button to my themes and plugins so I can revert back and forth to previous and current version

Create child theme

Using code, add a “Create Child Theme” button to the themes page that automatically generates a child theme from any installed theme with one click

Rollback theme

Using code, add a rollback button to my themes and plugins so I can revert back and forth to previous and current version

Show featured images

Add a featured image thumbnail column at the end of the posts list and enable quick editing to upload or select featured images without opening the full editor

Add meta field

Add a custom meta description field to all posts and pages that controls what text appears in Google search results and social media previews. Configure the featured image to automatically be used as the preview image for social sharing on Facebook, WhatsApp, and other platforms.

Auto-Tag Posts Based on Content

Using code snippet, add a custom functionality to my WordPress site that when you click on a button it automatically adds relevant tags to posts based on frequently used keywords in the content when the post is published.

Duplicate Post/Page Function

Using code snippet, add custom functionality to my WordPress site that adds a “Duplicate” button to posts and pages in the admin list, allowing me to quickly clone any post or page with one click.

Add Related Posts

Using code snippet, add custom functionality to my WordPress site that displays [X] related posts at the end of each blog post based on shared categories or tags

Add Custom Dashboard Widget

Using code snippet, add custom functionality to my WordPress site that adds a custom dashboard widget showing [recent orders/latest signups/site statistics/custom message] visible only to administrators.

Limit Post Revisions

Using code snippet, add custom functionality to my WordPress site that limits the number of post revisions stored in the database to [X] revisions per post to reduce database bloat.

Add Custom Post Type

Using code snippet, add custom functionality to my WordPress site that creates a custom post type called “[Post Type Name]” (e.g., Portfolio, Testimonials, Team Members) with custom labels, icons, and archive page support.

Disable Comments on Old Posts

Using code snippet, add custom functionality to my WordPress site that automatically disables comments on posts older than [X] days to prevent spam on older content.

Custom Excerpt Length

Using code snippet, add custom functionality to my WordPress site that changes the default excerpt length from 55 words to [X] words and replaces the […] with a custom “Read more” link.

Auto-Add Featured Image to Posts

Using code snippet, add custom functionality to my WordPress site that automatically sets the first image in a post as the featured image if no featured image has been manually selected.

Custom Login Logo

Using code snippet, add custom functionality to my WordPress site that replaces the default WordPress logo on the login page with my custom logo and changes the logo link to point to my homepage instead of WordPress.org.

Estimated Reading Time

Using code snippet, add custom functionality to my WordPress site that calculates and displays estimated reading time at the top of each blog post based on word count (assuming 200 words per minute).

Dynamic Copyright Year

Using code snippet, add custom functionality to my WordPress site that automatically updates the copyright year in the footer to always display the current year without manual updates.

Auto-Redirect Based on User Role

Using code snippet, add custom functionality to my WordPress site that automatically redirects users to different pages based on their role after login – subscribers go to /dashboard, customers go to /my-account, and administrators go to /wp-admin.

Multi-Step Quiz Popup

Create a multi-step popup quiz using code: Step 1 asks question with 2-3 options, Step 2 asks follow-up, Step 3 collects email with ‘[Get My Results]’ button. Email and quiz answers are saved as WordPress submission entries in the database with calculated results. Include WordPress admin controls for number of questions, question text, answer options, results logic (scoring/outcome-based), results display (popup/redirect), lead capture toggle, colors, progress bar, view/export quiz submissions in admin (with answer breakdowns and filters), email notifications, auto-responder with results, MailChimp integration, GDPR consent checkbox, and enable/disable.

Floating Size Guide Overlay

Build a floating “Size Guide” button using code for e-commerce sites that appears on product pages. Shows ruler/measurement icon, clicking opens overlay with sizing charts, measurement instructions, and fit finder tool. Include WordPress admin controls for size chart image upload per product category, position, button style, overlay design (modal/slide-in), measurement units toggle (cm/inches), virtual fit finder integration, show on product categories, and enable/disable.

Floating Tip Jar/Donation Button

Create a floating “Buy Me a Coffee” or tip jar button using code (bottom-right) for content creators. Shows coffee cup icon or custom icon with optional text. Clicking opens payment options (PayPal/Stripe/custom amounts). Donor information (name, email, amount, message) is stored as WordPress submission entries with payment status. Include WordPress admin controls for payment integration (PayPal/Stripe/other), suggested tip amounts, button text/icon, position, colors, show on specific post types only, thank you message customization, contributor name display, submission history view in admin (filter by amount/date), export donor data, and enable/disable.

Floating Screenshot/Screen Recording Tool

Build a floating bug report tool using code (side tab or corner button) that allows users to take screenshots or record their screen to report issues. Clicking opens tool to capture screen, annotate, and submit with description. User submissions (including name, email, screenshot/recording, description) are saved as WordPress entries in a custom “Bug Reports” database table viewable in admin. Include WordPress admin controls for button text/icon, position, features enabled (screenshot/recording/annotation), max recording duration, submission destination (database + email notification to admin), required fields (name/email/description), file size limits, export submissions to CSV, and enable/disable.

Floating Discount Wheel/Spin-to-Win

Build a gamified floating element using code that appears as a small gift icon (bottom-right). Clicking opens a spin-the-wheel popup where users enter email and spin for a discount code (10OFF, FREESHIP, SAVE5, etc.). After spinning, display the won discount code prominently with a “Copy Code” button. Email submissions are stored as WordPress form entries in the database with the discount code won, timestamp, and user data. Include WordPress admin controls for prize segments (discount code names displayed on wheel), winning probability per segment, submission storage (view/export entries in admin), email integration (MailChimp/newsletter), display frequency (once per visitor/daily), trigger timing (immediate/exit-intent/after X seconds), wheel colors and design, terms & conditions text, and enable/disable.

Floating Feedback Tab

Build a floating vertical tab using code on right/left edge with text ‘[Feedback]’ or ‘[Help]’. Clicking slides out feedback form panel. Include WordPress admin controls for tab text, position (left/right edge, vertical positioning), colors, form fields (rating/comment/email), submission destination (email/database), thank you message, and enable/disable.

Floating Call-to-Action Bar

Create a floating CTA bar using code at bottom of screen with message ‘[Limited Offer: Get 20% Off]’ and action button. Dismissible with X. Include WordPress admin controls for message text, button text, button link, position (top/bottom), colors, display timing (immediate/after scroll), cookie duration when dismissed, pages to exclude, urgency timer toggle, and enable/disable.

Floating Quick Links Menu

Create a floating quick links circular menu using code (bottom-right or left). Main button with + icon, clicking expands to show 3-5 quick action buttons (Contact, FAQ, Support, etc.). Include WordPress admin controls for number of links, link labels, link URLs, icon selection per link, main button icon, position, colors, animation type (radial/vertical/horizontal expansion), and enable/disable.

Floating Back-to-Top Button

Build a floating “scroll to top” button using code that appears after scrolling down [X] pixels. Shows arrow-up icon, clicking smoothly scrolls to page top. Include WordPress admin controls for trigger scroll distance, icon style, position (bottom-right/bottom-left), size, colors, animation (fade-in/slide-in), scroll speed, shape (circle/square/custom), show on mobile toggle, and enable/disable.

Floating Shopping Cart Icon

Create a floating cart icon using code (usually top-right or bottom-right) that displays item count badge and total price. Clicking opens mini cart preview. Include WordPress admin controls for position, icon style, badge color, show/hide price, mini cart preview toggle, animation when item added (shake/pulse), sticky vs absolute positioning, mobile behavior, integration with WooCommerce, and enable/disable.

Floating Social Media Bar

Build a floating vertical social media bar using code that sticks to the left or right edge of the screen. Display icons for [Platform 1], [Platform 2], [Platform 3], etc. with links to social profiles. Include WordPress admin controls for social platform selection, icon order (drag-and-drop), position (left/right edge), icon size, colors, hover effects, share buttons toggle (share current page vs profile links), animation on scroll, and enable/disable.

Floating Contact Button

Create a floating contact button using code that stays fixed on the right side of the screen. Shows a phone icon or message icon with optional text label ‘[Contact Us]’. Clicking opens a contact form overlay or initiates action (call/email/chat). Include WordPress admin controls for icon selection, button text toggle, position (left/right/bottom-right corner), colors, size, phone number/email/form link, animation (pulse/bounce/none), mobile display toggle, and enable/disable.

Holiday/Seasonal Promotion Popup

Create a seasonal popup using code with festive design: ‘[Celebrate [Holiday] with [X]% off sitewide!]’ Code: [HOLIDAY]. Include holiday-themed graphics/colors and ‘[Shop Sale]’ button. Include WordPress admin controls for holiday theme selection (Christmas/Black Friday/Summer etc.), discount percentage, coupon code, schedule (start/end dates), background image upload, colors, and enable/disable.

Free Shipping Banner

Create a sticky top banner using code: ‘Free shipping on orders over $[Amount]! [Shop Now]’. Include WordPress admin controls for threshold amount, message text, CTA button toggle, link URL, colors, display on specific product categories only, countdown to end of offer (optional), and enable/disable.

Announcement Bar (Top Banner)

Build a dismissible announcement bar using code at the top of the site. Text: ‘[Announcement Message]’ with optional CTA button linking to [URL]. Include WordPress admin controls for message text, link URL, button text (optional), background color, text color, position (top/bottom), sticky behavior, display schedule (date range), pages to show/hide on, and enable/disable.

Exit-Intent Discount Popup

Create an exit-intent popup using code that triggers when mouse moves toward closing the tab. Headline: ‘[Wait! Don’t leave without your discount]’, offer [X]% off with code display, email capture field, and ‘[Claim My Discount]’ button. Add WordPress admin controls for discount percentage, coupon code, trigger sensitivity, colors, frequency (show once/multiple times), exclusion rules (specific pages/user roles), and A/B test variants.

Limited-Time Offer Popup

Create a limited-time offer popup using code. Headline: ‘[Offer Headline]’. Subtext: ‘Use code: [CODE] before the timer runs out.’ Add a countdown timer for [X] hours and a ‘[CTA Text]’ button. Include WordPress admin controls for headline, discount code, timer duration, popup trigger (immediate/exit-intent/scroll %), colors, button text, and schedule (start/end dates).

Real-Time Social Proof Popup

Build a small corner popup using code showing real-time social proof, e.g., ‘[Name] from [Location] just purchased [Product]!’ that appears every [X] seconds using randomized order data – use real products from store and generated names if there are no actual orders. Add WordPress admin controls for display frequency, position (bottom left/right), color scheme, data source (real orders/custom entries), number of notifications to rotate, and enable/disable.

Age Verification Popup

Develop an age verification popup using code for age-restricted content websites with ‘Yes, I’m [Age]+’ and ‘No, I’m under [Age]’ buttons. Block site access if “No” is clicked. Store confirmation in browser cookies for [X] days to prevent repeated prompts. Include WordPress admin controls for minimum age, cookie duration, popup design (colors, logo upload), redirect URL for underage users, and enable/disable toggle.

Cookie Consent Banner

Build a cookie consent banner using code that’s GDPR compliant and functional. Display for every visitor until they approve or dismiss. Include WordPress admin controls to customize banner text, button labels, cookie duration, position (top/bottom), background color, and text color. Add option to enable/disable and choose between “opt-in” or “opt-out” mode.

Flipbook PDF widget

Create a Flipbook PDF Reader widget that displays a PDF like a real book with page-flip animation (drag/click to turn pages). Users can upload a PDF or paste a URL. Include controls for next/prev, page thumbnails or page picker, zoom, and fullscreen. Add settings for single-page vs spread, LTR/RTL, cover page toggle, page flip speed, shadow/depth effect, and responsive behavior (swipe on mobile). Ensure accessibility (keyboard nav + reduced motion option) and a fallback to standard PDF view if flip mode can’t load.

Table widget

Create a responsive Data Table widget with dual input modes: manual entry via Repeater controls or CSV file upload for bulk import. Display tables with customizable styling including rounded borders, background opacity, alternating row colors, and hover effects. Include Font Awesome icon support in column headers with icon picker control. Add text alignment options per column (left, center, right), adjustable padding, border controls, and typography settings. Support sortable columns with click-to-sort functionality, search/filter bar, pagination or scroll options, and mobile-responsive behavior (horizontal scroll or stacked card view). Include CSV parser with column mapping interface, data validation, and ability to update table by re-uploading CSV.

Pricing table widget with a toggle

Create a Pricing Table widget with a Monthly/Yearly toggle switcher at the top. Display multiple pricing plans in columns showing plan name, icon, price (that updates when switching between monthly/yearly), feature list with checkmarks/icons, highlighted “Popular” or “Best Value” badge on recommended plan, and CTA button. Include a Repeater control for multiple plans with fields for both monthly and yearly prices. Add smooth price transition animations when toggling between billing periods, optional discount badge for yearly plans (e.g., “Save 20%”), and customizable column layouts. Support styling options for colors, typography, button styles, feature icons, hover effects (lift, glow, scale), and ribbon badges. Include currency symbol control and price formatting options. Ensure mobile-responsive stacking with the toggle remaining accessible.

WooCommerce Product Marquee widget

Create a WooCommerce Product Marquee widget with continuous horizontal scrolling. Display product images sliding across the screen with pause on hover. On hover, show an overlay with product title, category, price, sale badge, Quick View and Add to Cart buttons. Include controls for scroll speed, direction (left/right), and query filters (category, tags, sales, featured). Support infinite loop scrolling, customizable card sizes, spacing, overlay styling, and hover transition effects. Ensure mobile-responsive behavior with touch-friendly interactions.

Product Grid widget with gallery thumbnails

Create a WooCommerce Product Grid widget with customizable multi-column layouts. Display product cards with featured image, hover zoom, quick view icon, badges (Sale, Best Seller), title, category, price, and Add to Cart button. Include clickable gallery thumbnails below each product that switch the main image on click with smooth transitions. Add query controls for filtering by category, tags, sales, or specific products. Support pagination or load more options, adjustable columns (2-6), card spacing, and hover effects. Include sorting options, customizable styling for colors, typography, and badges. Ensure responsive behavior with swipeable thumbnails on mobile. Use WooCommerce hooks and vanilla JS for image switching.

Image Scroll widget

Create an Image Scroll widget that animates images scrolling vertically or horizontally on hover or page scroll. Include direction options (top-to-bottom, bottom-to-top, left-to-right, right-to-left) with customizable scroll speed and duration controls. Add a container with adjustable height/width that acts as a viewport mask, with the full image scrolling within it. Include trigger options (hover, scroll-based, continuous auto-scroll, reverse on hover-out). Add controls for initial image position (top, center, bottom for vertical / left, center, right for horizontal) to set the starting view.

Bento post grid widget

Create a custom Elementor widget called ‘Bento Grid Posts’. Display blog posts in an asymmetric bento-box style grid where cards have varying sizes (1×1, 2×1, 1×2, 2×2) creating a dynamic masonry effect. Each card should show a featured image background with an option of adding overlay gradient, category tag, post title, author, date, comment count, and excerpt. Include a Repeater or Query control to pull posts dynamically, with manual size assignment for each grid item. Add hover effects (zoom image, lift card, brighten overlay). Support filtering by category. Ensure responsive behavior where large cards break into smaller units on tablet/mobile. Include customizable gap spacing, border radius, overlay colors, typography controls, and lazy loading for images.

Map with multiple pins widget

Create a custom Elementor widget for a Store Locator using Leaflet.js and OpenStreetMap. The widget should feature a searchable sidebar list and an interactive map. Each location in the list must include a name, address, coordinates (latitude/longitude), and an image field. When a location is clicked, the map should center on its marker and open a popup displaying the store’s name, address, and the uploaded image. Include a repeater control in the Elementor editor for manual location management and ensure the layout is fully responsive (side-by-side on desktop, stacked on mobile).

Before and after slider widget

Create an image comparison slider widget with adjustable before/after labels, draggable handle settings, and options for overlay color and transition speed.

News ticker widget

Create a news ticker widget with scrolling direction, speed, pause-on-hover, and and option for both static and dynamic content with query controls for selecting posts

Logo slider widget

Create a logo showcase widget with grid, carousel, and justified layouts, including controls for grayscale on hover, clickable logo links, and infinite smooth visual scroll .

Dual button widget

Create a dual button widget that allows two buttons in one container with shared alignment controls and independent label, icon, and link settings

Team member accordion widget

Create a custom Elementor widget called ‘Interactive Team Accordion’. It should show team members as a series of vertical image strips. By default, all images must have a 100% grayscale filter. When an item is clicked, it should expand smoothly (using flex-grow) to reveal a content area on the left and the full-color image on the right. The content area should include a Name, Job Title, Social Icons, and a Bio. Include a Repeater control for the members. Use Vanilla JS for the click interaction and CSS transitions for the animation. Ensure it stacks vertically on mobile.

Sticky navigation widget

Create a page navigation widget that displays a fixed navigation menu (dots, icons, or labels) linked to page anchor that i can set. It should support smooth scroll to anchors, highlight the active section on scroll, customizable icons/text, tooltips, and flexible positioning (top, bottom, left, right). Include responsive design and styling options for colors and typography.

Dual color heading widget

Create a Dual Color Heading widget that lets style a headline with two differently colored parts. Include controls for the two text fields, individual colors, typography, spacing, alignment, and responsive settings

Horizontal timeline widget

Create a horizontal timeline widget with events laid out left to right along a continuous horizontal line. Each event should have a circular marker showing a number or icon, connected to the line, with content displayed above or below. Include navigation for overflow, smooth animations, and responsive layout.