BikeTheory — Bicycle Frame Geometry Calculator and Fabrication Schematic

BikeTheory is a browser-based technical drawing tool for designing custom diamond bicycle frames. The user enters frame geometry parameters and the tool generates a dimensioned three-sheet SVG technical schematic.

Input parameters

The geometry panel accepts: Stack in millimetres (vertical distance from bottom bracket to head tube top), Reach in millimetres (horizontal distance from bottom bracket to head tube top), Head Tube Angle in degrees typically 70 to 74 degrees, Seat Tube Angle in degrees typically 72 to 75 degrees, Head Tube Length, Seat Tube Length, Chainstay Length, Bottom Bracket Drop, Top Tube Length, Wheelbase, and Fork Rake in millimetres. Apply Geometry renders all three sheets. Load Utility Default restores a standard utility bicycle configuration.

Sheet 1: Frame Geometry Diagram

An SVG bicycle frame rendered at 1080 by 720 units approximately 36 by 24 inches at print scale. Frame tubes are drawn at stroke weight 3.5 as the dominant black subject lines. Wheels are drawn at stroke weight 1.5 in dark grey as subordinate elements. Cockpit stem and handlebars are always rendered in light grey as reference geometry. Five tube length dimensions are annotated live from rendered coordinate geometry: seat tube, down tube, top tube, seat stay, and head tube. Each dimension uses extension lines, arrowheads, and a white-backed rotated label. A title block in the lower right records shop, builder, date, revision, material, and finish.

Sheet 2: Bill of Materials

Auto-generated table of all tubes, hardware components, and weld joints derived from the geometry. Each row shows part name, specification, cut length, quantity, and a checkbox for workshop use.

Sheet 3: Fabrication Reference

Tube-by-tube fabrication guide listing miter angles at each end, weld sequence, joint types, and hardware specifications for bottom bracket shell, headset cups, rear dropouts, and cable stops.

Sidebar

The sidebar contains three collapsible sections: Geometry Inputs, Interface Standards, and Constraint Check. The Constraint Check section validates that entered geometry produces a mechanically plausible frame.

Cover page

A legal acceptance modal appears on first load. The user must scroll through the terms and conditions before the Accept button becomes active. Language options include English and French. The acceptance state is saved in local storage under key bfs-terms-v1.

For instructional and reference use only. Follow applicable fabrication standards and material certifications for production work.

Machine-readable documentation available at /llms.txt.

| UTILITY / CITY · DIAMOND FRAME · 26″
|
|
SPECIFICATION
FRAME GEOMETRY
INTERFACE STANDARDS
CONSTRAINT CHECK
TITLE BLOCK
SHOP
BUILD
BUILDER
DATE
REV
MATERIAL
FINISH
NOTES
Remove component