Public Code Library · Open Reference

< Code Library />

Draft structures. Production quality. A curated reference of reusable code patterns in TypeScript, JavaScript, CSS, and HTML — by Diptangsu Sasmal.

K

Browse by Technology

HTML

4 files

CSS

3 files

TypeScript

5 files

JavaScript

3 files

css/animations/fade-in.css

Smooth fade-in animation utility classes with directional variants.

css/layouts/holy-grail.css

Classic holy grail layout using CSS Grid — header, footer, main, two sidebars.

css/utilities/reset.css

Modern CSS reset that removes inconsistencies across browsers without over-normalizing.

html/components/navbar.html

Semantic, accessible navigation bar with mobile hamburger toggle.

html/components/purple-body.html

HTML snippet: purple-body.html

html/components/purple-footer.html

HTML snippet: purple-footer.html