Tessevik Framer Template

For software development agencies

Created by: John Nicholson

$79

Codekiln is a website template for software development and product engineering agencies to present their services, studio, work, and journal. It features photo-to-code effects, CMS case studies and articles, and forms for contact and job applications.

About this template

Codekiln is a website template for software development and product engineering agencies. Its idea: the site shows its own source.

Hero photos compile on load. Rows of amber code characters, chosen from the photo's brightness, type in left to right with a caret, then resolve into the picture, and the wordmark types in as heavy glyph cells before turning solid. The cursor is a glass view-source lens: inside it, the photo shows as its code. Scrolling away breaks the frame back into glyphs while a build readout ticks along. On phones the lens follows your touch, and visitors can switch it off.

Pages

Home: 14 sections, each with its own compile moment, including a services list with live mini product screens, a process graph, a shipped-this-week strip and a pinned before and after

Work and 8 case studies (CMS), Services, Studio, Careers and 6 roles (CMS) with an application form

Journal and articles (CMS), Contact with a brief form, Privacy, and a 404 that fails to compile

Included: Cases, Articles and Roles CMS collections, an SVG wordmark, an ink-wipe page transition, reduced-motion support, and desktop, tablet and phone layouts.

Buying: after checkout you get the remix link instantly, on screen and by email.

Included Pages

  • Home: 14 sections, each with its own compile moment, including a services list with live mini product screens, a process graph, a shipped-this-week strip and a pinned before and after
  • Work and 8 case studies (CMS), Services, Studio, Careers and 6 roles (CMS) with an application form
  • Journal and articles (CMS), Contact with a brief form, Privacy, and a 404 that fails to compile

More from John Nicholson

View all

More Agency Templates

View all

More Tech Templates

View all

More Services Templates

View all

More Animated Templates

View all

More Portfolio Templates

View all

More Creative Templates

View all