Free Motorcycle Suspension Sag and Preload Calculator

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

Calculate accurate motorcycle suspension sag and preload settings. Optimize your bike's handling with this free, easy-to-use tool for riders of all skill levels.

Built by@Akhenaten

What This App Does

Calculate accurate motorcycle suspension sag and preload settings. Optimize your bike's handling with this free, easy-to-use tool for riders of all skill levels. — 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, single-page, responsive web application designed to help motorcyclists calculate and interpret suspension sag measurements. This tool allows users to input their specific bike measurements to receive immediate, actionable advice on preload adjustments and spring rate suitability.

Core Features

  • Live Sag Calculation: Instant math processing of 'Fully Extended', 'Free Sag', and 'Rider Sag' measurements.
  • Preset Ratios: Smart defaults for different riding styles (Street vs. Track/Racing) to calculate target sag percentages.
  • Recommendation Engine: Visual indicators (Green/Yellow/Red) showing whether the setup is optimal, requires adjustment, or indicates an incorrect spring rate.
  • Measurement Guide: An integrated, collapsible guide on how to safely measure suspension sag with a helper.
  • Print-Friendly UI: A clean interface that looks great when printed to a PDF or physical paper for trackside use.

UI/UX Design

  • Color Palette: Clean white background, slate gray text (#334155), vibrant cobalt blue (#2563eb) for primary buttons, and success/warning colors (emerald-500 and amber-500) for feedback.
  • Layout:
    • Header: Descriptive title and a brief introductory sentence.
    • Input Section: Card-based layout with distinct groups for 'Bike Geometry' (Extended length) and 'Measurement Data' (Free sag, Rider sag).
    • Results Area: A clear output panel that generates text-based recommendations based on the calculations.
  • Interactions:
    • Smooth fade-in transitions when results appear.
    • Input fields use focus-states that highlight with a blue glow for accessibility.
    • No pop-ups; modal overlays are used for the 'How to Measure' guide.

Technical Requirements

  • Architecture: Single HTML file containing all HTML5, Tailwind CSS (via CDN), and Vanilla JavaScript.
  • Data Handling: No persistent storage (localStorage/cookies are prohibited). All calculations occur in-memory. State resets on page refresh.
  • Performance: Optimized for mobile browser responsiveness. Touch-friendly large inputs.
  • Accessibility: High contrast, keyboard-navigable inputs, and semantic HTML5 tags (header, main, section, article, footer removed).
  • Browser Constraints: Runs in sandboxed iframes. No alert() or prompt() functions—all user messages are handled via DOM manipulation within the app interface.

Spread the word

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

Files being used

index.html
12.2 KB
#motorcycle suspension sag calculator#motorcycle preload adjustment tool#bike suspension sag settings#rider sag vs free sag#motorcycle chassis setup guide#suspension tuning calculator

Frequently Asked Questions

Everything you need to know about using this application.

Why is suspension sag important for my motorcycle?

Sag is the amount your motorcycle compresses under your weight. Proper sag ensures the suspension has enough travel to handle bumps and dips without bottoming out or topping out. Without correct sag, the bike will handle poorly, lose traction in corners, and suffer from unpredictable chassis geometry. Tuning your sag is the most critical first step in setting up any motorcycle for optimal handling.

How do I measure suspension sag correctly?

To measure sag, you need a tape measure, a partner, and a motorcycle stand. Measure three distances: fully extended (bike off the ground), free sag (bike weight only on the ground), and rider sag (you sitting on the bike with all gear). The difference between the fully extended length and the rider sag measurement is your race sag. Use this tool to input those values and determine if your preload settings are within the recommended range for your riding style.

What is the difference between free sag and race sag?

Free sag is the compression of the suspension caused solely by the motorcycle's own weight. This measurement is an indicator of whether your current spring rate is appropriate for your bike's mass. Race sag is the compression with the rider on board. It shows if the spring is appropriate for your weight and if your preload settings are balanced. A healthy gap between free and race sag indicates a properly matched spring.

Can I adjust preload to fix an incorrect spring rate?

Preload adjustment only changes the ride height and the starting position of the suspension stroke. It does not change the stiffness of the spring. If you cannot reach the target sag range through preload, the spring rate is likely wrong for you. Use this tool to determine if your current preload settings are adequate or if you need to invest in a different spring rate for your weight and riding style.

Related Applications

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