Free development resources
Useful things, with no email gate.
A public project calculator, working interface demonstrations, and practical notes from building web and native Apple products. Open them, share them, or use them to ask a better question of any agency.
Tools and collections
Start with something you can use.
Public calculator
Web and app project estimator
Explore a real GBP estimate as scope changes. No account is needed to compare a marketing site, web application, or native Apple build.
Open the estimator →Working examples
Interface and product prototypes
Open clearly labelled client work, studio products, and speculative concepts. Each category is identified so a reader can judge the evidence honestly.
Explore the work →Topic library
Accessibility and performance
Implementation notes about reduced motion, keyboard behaviour, loading decisions, and the details that make an interface usable beyond a demo.
Browse the topic →Interactive implementation notes
Effects you can inspect, not just watch.
React interaction
How to Build a Magnetic Button Effect in React
Pointer tracking, spring motion, and the small details that stop the effect feeling slippery.
Framer Motion
Scroll-Reveal Text Animation with Framer Motion
A progressive text reveal explained as an implementation decision rather than a copied effect.
Motion system
Creating a Smooth Cursor Trail in React
How to make a cursor trail feel intentional while keeping the interaction subordinate to the content.
Scroll animation
Apple-Style Scroll Zoom Text Effect
The structure behind a large, cinematic scroll transition and the performance constraints around it.
CSS 3D
CSS 3D Parallax Tilt Without a Library
Perspective, pointer position, and transforms combined into an effect that still has a sensible fallback.
Accessibility
An Accessible Mobile Menu
Focus management, scroll locking, keyboard escape behaviour, and what the menu must do when animation is removed.
Buyer field guides
Make the expensive decisions earlier.
Budget
How Much Does Web and App Development Cost?
A plain-English guide to the decisions that move a project price and the assumptions hidden inside a headline figure.
02Delivery
How a Web and App Development Project Works
What happens from discovery to launch, what the client reviews, and when technical choices become expensive to reverse.
03Commercial
Fixed Scope and Fixed Price, Explained
Where a fixed price protects the buyer, what counts as a scope change, and what a useful quote needs to define.
04Ownership
Building Software That Remains Maintainable
Why proven technology, clear ownership, and a boring handover are often more valuable than the newest framework.
05Platform planning
Planning Web and Native Apple Products Together
How shared accounts, data, payments, and product decisions change when the web and app are treated as one system.
Use and attribution
Cite the useful part.
You may link to any public guide or demonstration here when it supports your own article, talk, documentation, or client decision. Use the page title or Bothmade as the link text—there is no preferred keyword phrase and no reciprocal-link requirement.
If you spot a technical error, want supporting detail for an editorial piece, or would like us to contribute a practical example, email info@bothmade.studio. We will not pay for placement or participate in bulk-link schemes.