Dank Mono

The rather special coding font

Dank Mono is the coding font you want. Designed for aesthetes with code and Retina displays in mind. Delightful ligatures and an italic variant.

Purchase for £40

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0xd51261 0xf2f2f2 “Hello World!” ‘Hello World?’ const arr = () => []; const obj = () => ({}); const jsx = () => <div /> "" '' ;: == != === !== [| |] {| |} |> -> <-
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0xd51261 0xf2f2f2 “Hello World!” ‘Hello World?’ const arr = () => []; const obj = () => ({}); const jsx = () => <div /> "" '' ;: == != === !== [| |] {| |} |> -> <-
class Counter extends React.Component {
  constructor() {
    super()
    this.state = { count: 0 }
  }

  componentDidMount() {
    this.interval = setInterval(() => {
      this.setState(state => ({ count: state.count + 1 }))
    }, 1000)
  }

  componentWillUnmount() {
    clearInterval(this.interval)
  }

  render() {
    return (
      <center>
        <h3>
          {this.state.count}
        </h3>
      </center>
    )
  }
}