Free Motorcycle Fork Trail and Rake Angle Calculator

Free Motorcycle Fork Trail and Rake Angle Calculator
gemini-3.0-flash logogemini-3.0-flash

Calculate motorcycle rake, trail, and triple tree offset geometry with our free online tool. Perfect for custom bike builders, mechanics, and engineering.

Built by@Akhenaten

What This App Does

Calculate motorcycle rake, trail, and triple tree offset geometry with our free online tool. Perfect for custom bike builders, mechanics, and engineering. — 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 Steering Geometry & Trail Calculator

Overview

A professional-grade, browser-based utility designed for motorcycle mechanics, custom frame builders, and chassis engineers. This tool calculates the precise trail measurement of a motorcycle front end based on steering head angle (rake), triple tree offset, and tire diameter.

Technical Implementation Rules

  • Architecture: Pure Vanilla JS, CSS3, and HTML5. No external frameworks.
  • Sandbox Compatibility: Do NOT use localStorage, sessionStorage, or cookies. Maintain state using variables only.
  • External Libraries: Tailwind CSS (via CDN) for styling; Lucide-icons (via CDN) for iconography; Math.js or standard Math object for geometry calculations.
  • Aesthetic: Clean, high-contrast, professional SaaS design. No dark mode. Use soft shadows (shadow-sm, shadow-md), rounded corners (rounded-lg), and a professional blue/slate color palette.

Features

1. Geometry Calculation Engine

  • Dynamic Inputs:
    • Rake Angle (Degrees: 0–90°)
    • Triple Tree Offset (mm)
    • Tire Diameter (inches or mm toggle)
  • Real-Time Output:
    • Calculated Trail (mm and inches)
    • Geometric visualization label (e.g., 'Stable', 'Responsive', 'Excessive', 'Dangerous')

2. Interactive Geometry Visualizer

  • Use a lightweight, responsive SVG that updates path coordinates dynamically as the user changes inputs, showing the rake angle and trail distance in real-time.

3. Safety Guidelines Module

  • A toggleable info-box that explains what the resulting trail measurement implies for handling characteristics based on common industry standards.

User Interface Layout

Header

  • Clean title: "Motorcycle Fork Geometry Calculator"
  • Minimalist navigation (Info, Reset).

Main Area (Split-screen on desktop)

  • Left Column: Configuration Panel
    • Input groups with clearly labeled sliders and text fields.
    • Units toggle (Metric/Imperial).
  • Right Column: Results & Visualization
    • Large, prominent display of the resulting trail.
    • Simple SVG illustration showing the relationship between Rake, Trail, and Offset.

Color Palette

  • Background: #F8FAFC (Slate 50)
  • Card Background: #FFFFFF
  • Primary Accent: #2563EB (Blue 600) for active buttons and highlights.
  • Text: #1E293B (Slate 800) for primary, #64748B (Slate 500) for secondary info.
  • Borders: #E2E8F0 (Slate 200)

Logic & Calculations

  • Formula: Trail = (TireRadius * cos(rakeAngle) - Offset) / sin(rakeAngle) (Ensure conversion to radians in JS).
  • Animations: Use CSS transition: all 0.3s ease; on all input fields and the results panel to ensure a premium, reactive feel.
  • Error Handling: Validate inputs in real-time. If calculations result in a mathematically impossible scenario (e.g., divide by zero), show a friendly, non-blocking UI alert component instead of a browser alert.

Performance Directives

  • Ensure the page loads in under 500ms by minimizing non-critical assets.
  • All icons must be loaded via CDN.
  • Ensure the viewport meta tag is set for proper mobile responsiveness.

Spread the word

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

Files being used

index.html
15.8 KB
#motorcycle geometry calculator#rake and trail formula#motorcycle fork trail calculator#custom motorcycle frame builder#steering geometry tool

Frequently Asked Questions

Everything you need to know about using this application.

What is motorcycle fork trail and why does it matter?

Trail is defined as the horizontal distance between the steering axis intersection point at the ground and the center of the front tire contact patch. It is one of the most critical factors in determining a motorcycle's steering stability and handling characteristics, directly influencing how the bike tracks at high speeds and how much effort is required to initiate a turn. Insufficient trail often results in a 'twitchy' front end that feels unstable at highway speeds, commonly referred to as speed wobble. Conversely, excessive trail makes the steering feel heavy and cumbersome, causing the bike to resist turning and feel sluggish in corners. Finding the optimal balance based on your bike's rake angle and triple tree offset is essential for safe and predictable operation.

How does changing the rake angle affect handling?

The rake angle is the angle of the steering head relative to the vertical axis. Increasing the rake angle (making the forks more horizontal) increases the mechanical trail, which typically provides greater straight-line stability but decreases the bike's responsiveness. This is commonly seen on cruisers and chopper-style motorcycles that prioritize a stable, planted feel over aggressive cornering performance. Decreasing the rake angle (making the forks more vertical) reduces the trail and puts more weight over the front wheel, which sharpens steering and makes the motorcycle feel more agile. While this is preferred for sport bikes and track-focused machines, it requires precise tuning to ensure the bike remains stable enough to handle bumps and road irregularities without causing dangerous head shake or loss of control.

What is triple tree offset and how does it relate to trail?

Triple tree offset refers to the distance between the center-line of the steering stem and the center-line of the fork tubes. This offset is a primary adjustment factor in geometry calculations; increasing the offset effectively reduces the trail, while decreasing the offset increases the trail. It is a common way for engineers and custom builders to adjust steering geometry without having to cut and modify the motorcycle's frame rake. By carefully selecting the correct triple tree offset, you can fine-tune the steering feedback and stability. For example, if you increase the rake angle, you can compensate for the resulting increase in trail by installing triple trees with more offset, bringing the trail measurement back into a safe and predictable range for the intended style of riding.

Is this calculator accurate for all motorcycle types?

This calculator is built on standard motorcycle geometry formulas that apply universally to two-wheeled vehicles, including sport bikes, cruisers, vintage motorcycles, and custom builds. The math assumes a rigid geometry model where the frame and front end are treated as a geometric system, providing a precise calculation based on the inputs provided for rake, tire radius, and offset. However, it is important to remember that real-world handling is also influenced by other factors such as suspension sag, tire profile, weight distribution, and swingarm length. While this tool provides the accurate geometric baseline for trail, it should be used as an engineering aid rather than a substitute for professional chassis setup and road testing under controlled conditions.

Related Applications

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