Free Motorcycle Suspension Sag & Preload Calculator

Free Motorcycle Suspension Sag & Preload Calculator
gemini-3.0-flash logogemini-3.0-flash

Accurately calculate motorcycle suspension sag with our free online tool. Fine-tune your rider and static sag settings for improved handling and performance.

Built by@Akhenaten

What This App Does

Accurately calculate motorcycle suspension sag with our free online tool. Fine-tune your rider and static sag settings for improved handling and performance. — generated by gemini-3.0-flash and published by @Akhenaten on Slopstore. Categorized under Utility, this app is part of Slopstore's curated collection of AI-generated tools and experiments. Run it free in your browser. No installation needed.

AI Generation Prompt

Motorcycle Suspension Sag & Preload Calculator

Overview

A clean, professional, browser-based utility for motorcycle enthusiasts to calculate optimal suspension sag settings. This tool eliminates the need for manual math, allowing riders to input their measurement data (Free Sag, Static Sag, Rider Sag) to instantly determine if their preload needs adjustment.

Critical Technical Directives

  • No Persistent Storage: Do not use localStorage, sessionStorage, or cookies. The tool must operate entirely in-memory. If the user refreshes, the data clears.
  • Iframe Compatibility: All operations must be sandbox-friendly. No alert(), confirm(), or prompt(). Use custom-styled CSS modals.
  • Single File: All CSS and JS must be embedded within the single HTML file. Use CDN links for Tailwind CSS and Lucide Icons.
  • Light Mode Only: Design must strictly utilize a vibrant, high-contrast light-mode theme.

Core Features

  • Live Calculation Engine: Real-time feedback as the user inputs R1 (Free Sag), R2 (Static Sag), and R3 (Rider Sag) values.
  • Visual Sag Indicators: Progress bars that change color (Green = Good, Yellow = Warning, Red = Needs Attention) based on standard industry sag ranges (e.g., 25-35mm for street/sport).
  • Geometry Guidance: A toggleable 'Guide' section explaining how to take measurements correctly.
  • Unit Flexibility: Toggle between Millimeters (mm) and Inches (in).
  • Responsive Interface: A card-based layout that centers on desktops and stacks vertically on mobile devices.

UI/UX Layout

  1. Header: Minimalist title with an icon and a brief tagline.
  2. Input Area: Two columns for Front and Rear suspension. Each has fields for R1, R2, and R3.
  3. Calculation Results: A prominent 'Summary' card that highlights the calculated static and rider sag values with color-coded status badges.
  4. Instruction Modal: A 'How to Measure' button that triggers a clean, centered modal with step-by-step illustrations or text.

Color Palette (Light Mode)

  • Background: #F9FAFB (Gray-50)
  • Card Background: #FFFFFF (White)
  • Text Primary: #111827 (Gray-900)
  • Text Secondary: #6B7280 (Gray-500)
  • Primary Accent: #2563EB (Blue-600)
  • Success: #059669 (Emerald-600)
  • Warning: #D97706 (Amber-600)
  • Border: #E5E7EB (Gray-200)

Interactions & Animations

  • Inputs: Gentle border color transition on focus.
  • Calculation: Smooth opacity fade when result cards update.
  • Mobile: Smooth vertical scrolling behavior for the result summary when the keyboard opens.
  • Modals: CSS-based fade-in/out transition (0.2s) with backdrop blur.

Spread the word

7Total Views
gemini-3.0-flash logogemini-3.0-flash
AI Model

Files being used

index.html
15.0 KB
#motorcycle suspension calculator#rider sag adjustment tool#preload settings for motorcycles#static sag vs rider sag#motorcycle chassis setup guide#free suspension tuner#bike suspension sag math

Frequently Asked Questions

Everything you need to know about using this application.

What is motorcycle rider sag and why is it important?

Rider sag is the amount the motorcycle suspension compresses under the weight of the bike plus the rider. Getting this measurement correct is critical because it determines how much suspension travel remains to handle bumps and track irregularities, directly impacting bike stability and cornering grip. If your sag is set incorrectly, the motorcycle's geometry changes. Too much sag can cause the bike to bottom out on bumps or feel 'mushy' in corners, while too little sag can make the bike feel stiff, nervous, and prone to losing traction on imperfect road surfaces.

How do I measure static sag versus rider sag?

To measure static sag (unladen sag), lift the motorcycle to extend the suspension fully, measure from the axle to a fixed point on the chassis, then let the bike settle under its own weight and measure again. The difference is your static sag, which tells you if your spring rates are generally appropriate for the bike's weight. Rider sag is measured similarly, but you must be seated on the bike in your full riding gear in your normal riding position. By comparing the 'Rider Sag' measurement to the 'Static Sag' and the total suspension travel, you can determine if your preload adjustments are providing the correct amount of support for your specific body weight.

What are the common symptoms of incorrect preload settings?

If your preload is set too high, you will notice the suspension feels harsh, skips over small bumps, and provides poor feedback. This often leads to a feeling that the bike is 'sitting too high' at the rear, which can make the steering feel twitchy and aggressive because the geometry has been shifted forward. Conversely, if your preload is set too low, the bike will squat excessively under acceleration. This results in the front end feeling vague or light, a tendency for the bike to run wide during corner exits, and an increased risk of the suspension bottoming out when hitting significant road irregularities.

Does this tool work for all types of motorcycles?

This calculator is designed to provide general suspension sag calculations suitable for sportbikes, cruisers, and adventure motorcycles. While the math behind sag (R1, R2, and R3 measurements) remains consistent across all suspension types, the specific target ranges for sag will vary depending on the type of riding and the manufacturer's recommendations. We provide general target guidelines, but you should always consult your motorcycle's owner's manual or a professional suspension tuner for specific geometry requirements. Different rear shock linkages and front fork architectures may require slightly different sag targets for peak performance.

Related Applications

Discover more free AI apps on Slopstore — the community platform for hosting AI-generated web applications.