Discover scriptex/html-head-component Open Source project

Convert SVG to base64 in Node and the browser

svg64

A curated list of pointless yet funny websites

awesome-useless-websites

atanas.info

My personal website - a fullstack progressive web app built with modern tooling

Build a static website using VuePress and deploy to Github Pages

github-pages-vuepress

Easily create a progressive web app

create-pwa

Starter CSS boilerplate utilizing the ITCSS pattern

itcss

A script to generate a symbol sprite from SVG files

svg-symbol-sprite

An array of geographical data for all USA states with full TypeScript support

typed-usa-states

An infinitely scrollable 3D carousel component for React

react-round-carousel

A Game of Thrones scene coded in pure SCSS and HTML

at-the-wall

HTML

node-rest-api

Node REST API with Express, MongoDB and Typescript

API client for Last.FM with full TypeScript support

lastfm-ts-api

Reveal DOM elements as you scroll

AnimateMe

A TypeScript implementation of the popular game

2048

Embed your Gitlab calendar everywhere.

gitlab-calendar

Detect your swipe gestures direction

touchsweep

Starter SCSS boilerplate utilizing the ITCSS pattern

itscss

SCSS

react-svg-donuts

SVG donut component for React

A TypeScript implementation of the popular game

material-snake

Add viewBox attribute to your SVGs and then optimize them with SVGO

svgo-viewbox

Web component which shows statistics for a user in NPM

npm-maintainer

A snake game created out of my Github contributions graph

github-contributions-snake

svgo-add-viewbox

SVGO plugin which adds "viewBox" attribute based on "width" and "height" attributes

Salary calculator for contractors and freelancers (based on the Bulgarian Labour Law)

freelance-salary-calculator

A growing collection of SCSS helpers and tools

scss-goodies

SCSS

html5-form-validator

The simplest HTML5 forms validator

A collection of useful TypeScript utilities and helpers

ts-helpers

Fullwidth and Fullheight intro section

IntroScroll

PostCSS plugin to watch folder for changes

postcss-watch-folder

Save a local copy of your Google Analytics script

localga

Pick a color from any image in React

react-dropper

An example REST API with NodeJS and MongoDB

node-rest-example

A curated list of CSS puns and jokes.

hilarious-css

Get random element from array

random-splice

Uptime monitor & status page

uptime

Markdown

dator

Frontend forms validator

A game based on the popular 2048 game

Evolution

Get the score of your password as a number

pass-score

A progressively enhanced "hover" media query. Bonuses: SCSS mixin and PostCSS custom media queries.

hover-media-query

Multiple page application setup with Webpack using SASS, PostCSS, TypeScript, etc

webpack-mpa-ts

A collapsible widget for React

react-accordion-ts

Multiple page application setup with Webpack using PostCSS, ES6+, etc

webpack-mpa-next

Add watermark on images using NodeJS and Jimp

scriptex

✨ ✨ ✨

node-jimp-watermark

An infinitely scrollable 3D carousel component

round-carousel-component

Notes, Reminders and Todos App for Android and iOS

Notabene

Generate a social header image for various social networks

social-header

Don't let AI claim your work!

written-by-a-human-being

deno-rest-api

An example REST API implementation for Deno using Oak framework

Collection of web development snippets for Sublime Text used daily

sublime-snippets

css-diagnostics

Highlight potentially invalid or erroneous HTML markup

My personal URL shortener

url-shortener

Nunjucks

postcss-tools

Placeholders and Mixins for PostCSS

A super simple Weather application

weather-app

A starter template for a git repository.

initial-commit

github-insights

Get insights for your Github repositories

A starter template for web applications using Parcel as a module bundler.

parcel-mpa

Statistics for NPM packages downloads

npm-stats

A React Native weather application

weathex

A Github API Client for the browser and Node

universal-github-client

A starter template for web applications using Rollup as a module bundler

rollup-mpa

Async array methods in JavaScript

async-array-prototype

Just a learning app in Dart and Flutter

learning-dart

C++

socials

A native web component: links to various social media with SVG icons support

Custom snippets for Emmet following the ITCSS pattern

itcss-emmet-snippets

vik-varna-alerts

Email and web notifications for planned repairs from ViK-Varna

Atanas Atansov's interactive CV built using Codersrank widgets, JSinCSS and Github Pages

scriptex.github.io

Experiments with Angular and tables

experiments

Track Google Analytics pageviews by embedding images in your documents

ga-beacon

A super simple calendar widget written in TypeScript and SCSS

calendar-widget

A TypeScript implementation of the popular game

material-tetris

A minimalistic responsive website using only one HTML tag and a handful of CSS

no-html

HTML

log

Dynamic console logging - log using the optimal console method. Provides method overwriting, beforeLog and afterLog hooks.

Translate your vanilla websites or web apps using HTML attributes and a pinch of Javascript

attr-i18n

An opinionated list of the "best" Black Sea resorts in Bulgaria

best-resorts-in-bulgaria

express-watch-file

Use express to watch a file for changes and notify any front-ends listening.