Skip to content

Instantly share code, notes, and snippets.

Koen Bok koenbok

Block or report user

Report or block koenbok

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View TabBar.tsx
import * as React from "react"
import { Frame, Stack } from "framer"
function capitalize(name) {
// Capitalizes a word: feed -> Feed
return name.charAt(0).toUpperCase() + name.slice(1)
function Button({ title, active, onTap }) {
const opacity = active ? 1 : 0.35
View store.ts
import * as React from "react";
import { useState, useEffect } from "react";
A hook to simply use state between components
// You can put this in an central file and import it too
const useStore = createStore({ count: 0 })
View keyboard.tsx
import * as React from "react";
export class Keyboard extends React.Component {
state = { key: null };
onChange = event => {
this.setState({ key: });
render() {
View autoplay.html
<video controls autoplay muted>
<source id="mp4" src="" type="video/mp4">
# Don't forget to add Frabric to the index.html file
layer = new CanvasLayer
# Create a new Fabric canvas instance
canvas = new fabric.Canvas(layer.canvas)
rect = new fabric.Circle
radius: 100
layer = new CanvasLayer
layer.ctx.arc(100, 100, 90, 0, 2 * Math.PI, true)
layer.ctx.fillStyle = "#0055DD"
layer.ctx.lineWidth = 20
layer.ctx.strokeStyle = "#00AAFF"
# Make sure Raphael.js is included in the html file
layer = new CanvasLayer
paper = new Raphael(layer.svg)
text = paper.text(70, 40, "Lorem Ipsum!")
text.attr({"font-size": 20, "fill": "orange"})
layer = new SVGLayer
shape = layer.addShape("circle")
shape.setAttribute("cx", 100)
shape.setAttribute("cy", 100)
shape.setAttribute("r", 90)
shape.setAttribute("fill", "#0055DD")
shape.setAttribute("stroke", "#00AAFF")
shape.setAttribute("stroke-width", 20)
koenbok /
Last active Nov 13, 2018
My Favorite Mac Tweaks

Skip verifying disk images

defaults write skip-verify true

Always hide the Desktop

defaults write CreateDesktop false; killall Finder

Make terminal logins fast

touch ~/.hushlogin

Disable most animations

View cotree.ts
// Internal types
interface NodeType {
id: string
type: string
attributes: Map<string, any>
children: List<NodeType>
You can’t perform that action at this time.