---
title: "Chrome Dino Game — Free Framer component · Best of Framer"
description: "Free Framer component · by vasp · Interactive. Customizable Google Chrome Game"
canonical: "https://framer.elliotli.dev/component/chrome-dino-game"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Chrome Dino Game

# Chrome Dino Game

Customizable Google Chrome Game

[View on Framer](https://framer.com/marketplace/components/chrome-dino-game/?via=elliot-li)

![Chrome Dino Game preview image 1](https://framer.elliotli.dev/og/component/chrome-dino-game/efedd5220bb46fa7/1600x1195.jpg)

## Summary

Customizable Google Chrome Game

## Description

Bring the classic offline Dino runner into any Framer site as a playable, responsive component. It uses official open-source Chromium Dino visual assets, including the T-Rex, cactus sprites, cloud, horizon, score digits, and restart icon, wrapped for Framer.

Resize it like any Framer layer and let visitors play with click, tap, Space, or Arrow Up.

### **Features**

-   Playable Dino runner for Framer
    
-   Official Chromium 1x assets embedded
    
-   Responsive canvas that stretches with width
    
-   Adjustable aspect ratio
    
-   Keyboard, click, and touch controls
    
-   Animated running and jumping states
    
-   Official-style cactus, cloud, horizon, score, and restart visuals
    

### **Customize**

-   Background color
    
-   Auto start
    
-   Score visibility
    
-   Corner radius
    
-   Aspect ratio
    
-   Width and height with native Framer sizing
    

### **Best For**

404 pages, portfolios, easter eggs, product launches, developer sites, retro pages, and gamified landing sections.

### **Credits & License**

Uses assets and mechanics adapted from Chromium’s open-source Dino / T-Rex runner.

Source: [https://chromium.googlesource.com/chromium/src/+/refs/tags/74.0.3719.3/components/neterror/resources/offline.js](https://chromium.googlesource.com/chromium/src/+/refs/tags/74.0.3719.3/components/neterror/resources/offline.js)

Assets: [https://chromium.googlesource.com/chromium/src/+/f8cb5584fe0d38a3d3f19d4bb8cb92c753f8d1f3/chrome/renderer/resources/default\_100\_percent/offline/](https://chromium.googlesource.com/chromium/src/+/f8cb5584fe0d38a3d3f19d4bb8cb92c753f8d1f3/chrome/renderer/resources/default_100_percent/offline/)

Licensed under Chromium’s BSD-style license: [https://chromium.googlesource.com/chromium/src/+/main/LICENSE](https://chromium.googlesource.com/chromium/src/+/main/LICENSE)

Copyright (c) 2014 The Chromium Authors. All rights reserved.

### **Disclaimer**

Independent Framer component. Not affiliated with, endorsed by, sponsored by, or maintained by Google, Chrome, Chromium, or The Chromium Authors.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1449

## Details

- **Author**: vasp
- **Published**: 2026-07-22
- **Updated**: 2026-07-22
- **Added**: 2026-07-22
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step