Venelin Nikolov

AirTrail. A modern, open-source personal flight tracking system

FullscreenScroll. A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.

mina-scheduler. next-ui-full-calendar, shadcn-ui-full-calendar

react-extract-colors. A react component to extract dominant colors from an image

MonitorControl. 🖥 Control your display's brightness & volume on your Mac as if it was a native Apple Display. Use Apple Keyboard keys or custom shortcuts. Shows the native macOS OSDs.

contentful-app-columns. Responsive Columns field for Contentful

codrops-darkroom. HTML

Next-js-Boilerplate. 🚀🎉📚 Nextjs Boilerplate and Starter with App Router and Page Router support, Tailwind CSS 4 and TypeScript ⚡️ Made with developer experience first: Next.js 16 + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Sentry + PostCSS + Tailwind CSS ✨

ClipHoverEffect. A similar hover animation to the one seen on the website of Quai Network.

nextjs-starter. A Next.js starter that includes a collection of reusable components, hooks, and utilities to build amazing projects with complex animations and page transitions using GSAP.

richard-ryan. Richard Ryan is a fully responsive portfolio website, Responsive for all devices, build using HTML, CSS, and JavaScript.

ImageToContent. A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.

MakeWayGridEffect. A little grid interaction effect where adjoining items make way to a selected one that expands.

IntroTrailEffect. An intro animation with several layout changes and various effect.

dhtcrawler2. dhtcrawler is a DHT crawler written in erlang. It can join a DHT network and crawl many P2P torrents. The program save all torrent info into database and provide an http interface to search a torrent by a keyword

ParanoiaSlideshow. A slideshow page layout with a filter enhanced navigation effect on the images.

Easy-React-Theming. TypeScript

Theodore. A little menu effect with an SVG overlay and an infinite background CSS animation.

useful-custom-react-hooks. JavaScript

vercel-commerce-stepzen. TypeScript

next-mdx-blog. Next.js + MDX blog template with Tailwind CSS and TypeScript.

storybook-next-ts-template. Template for Storybook, Next, Typescript, SCSS and Jest

grommet. a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

react-map-gl. React friendly API wrapper around MapboxGL JS

Next-JS-Landing-Page-Starter-Template. 🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

nextjs-tailwindcss-storybook. Starter project using NextJS, TailwindCSS, Storybook, Jest + React Testing Library

nextjs-wordpress-starter. A headless starter for WordPress powered by Next.js.

learnstorybook-design-system. JavaScript

next.js. The React Framework

cra-template-tailwindcss-starter. A template for creating a react project with tailwindcss already configured.

emberconf2020-tailwind-css-best-practices. Tailwind CSS Tips, Tricks & Best Practices

gatsby-using-page-transitions. Gatsby example site using page transitions

HorizontalSmoothScrollLayout. Some ideas for horizontal smooth scroll layouts and animations using Locomotive Scroll

simple-react-carousel. A simple react carousel without any dependencies

Animated-page-with-Gsap. A simple animated page with React and GSAP

react-hook-inview. React hook for detecting when an element is in the viewport

razzle. ✨ Create server-rendered universal JavaScript applications with no configuration

landy-react-template. Landy is an open-source React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.

react-use-context-hook. Learn how to use the useContext Hook by building a music player.

quick-look-plugins. List of useful Quick Look plugins for developers

gatsby-starter-personal-portfolio. A clean and easy to use GatsbyJS starter.

CSS-Responsive-Grid-Overlay. Easily adjustable grid overlay to make development discussions easier

react-awesome-reveal. React components to add reveal animations using the Intersection Observer API and CSS Animations.

react-weather-app. Weather App built with React & TypeScript

schdesign-web. Website of schdesign

youtube. Code from my YouTube episodes.

leonsans. Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.

angular-google-tag-manager. A service library for integrate google tag manager in your angular project

pose-animator. JavaScript

project_corona_tracker. This is a code repository for the corresponding YouTube video. In this tutorial, we are going to build and deploy a corona tracker application. Covered topics: React.js, Chart.js, Material UI, and much more.

react-inview-monitor. Declarative in-view scroll monitor for React JS

angular-9-with-localize-router. test for universal and localize router

next-react-graphql-apollo-hooks. React, Apollo, Next.js, GraphQL, Node.js, TypeScript high performance boilerplate with React hooks GraphQL implementation and automatic static type generation

gatsby-starter-ghost. A starter template to build lightning fast websites with Ghost & Gatsby

BackgroundScaleHoverEffect. Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

locomotive-scroll. 🛤 Detection of elements in viewport & smooth scrolling with parallax.

react-intersection-observer. React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

angled-corners. Houdini worklet for angled corners on the web

gatsby-london. A free, open source, image-concentric starter for GatsbyJS

gestalt. A set of React UI components that supports Pinterest’s design language

loaders.css. Delightful, performance-focused pure css loading animations.

portfolio. Photo Portfolio w/ Next.js + TailwindCSS + Contentful

php2html. PHP to HTML converter

gatsby-starter-hero-blog. A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.

React-validator-demo. How to validate forms easily with useForm() and useInput() hooks

SmoothScrollAnimations. Demo of a tutorial on how to add smooth page scrolling with an inner image animation

gatsby-datocms-starter. ⚛️ My preferred configuration for Gatsby DatoCMS projects

chaseohlson. 🤠 My website, built with Gatsby, Styled-Components & DatoCMS

react-slick. React carousel component

gallery. A photo gallery static generator

react-scroll-parallax-examples. React parallax examples using react-scroll-parallax npm package

cssgridgenerator. 🧮 Generate basic CSS Grid code to make dynamic layouts!

krashna-site. Website for Krashna Musika - Student Society for Classical Music in Delft

gatsby-plugin-i18n. Multi language routes for Gatsby

wordup-cli. Wordup is a fully integrated development platform for WordPress. Develop plugins and themes locally. Preview in the cloud. Automatic updates in WP.

gatsby-starter-i18n-lingui. Gatsby starter with i18n/l10n support using js-lingui.

portfolio. v1. Latest version: https://github.com/LekoArts/portfolio-v2

react-plx. React parallax component, powerful and lightweight

datocms-gatsby-portfolio-2. JavaScript

hugo.im-gastby. hugo.im Gatsby site.

gatsby-starter-contentful-i18n. i18n support and language switcher for Contentful starter repo

react-palette. Extract prominent colors from an image

react-responsive-carousel. React.js Responsive Carousel (with Swipe)

react-scrollmagic. React components for ScrollMagic

AlloyFinger. Super tiny size multi-touch gestures library for the web. 　　　You can touch this →

mapbox-react-demo. Mapbox in React demo to create an interactive map

create-react-icons. a CLI for generating your own react icon components from svg files

react_crash_todo. React crash course files

charming. :tophat: Lettering.js in vanilla JavaScript

GridLayoutMotion. A retro-style grid layout with a playful motion hover effect on the grid items.

texty. React Text Animate

gatsby-plugin-transition-link. A link component for page transitions in gatsby

spectacle. A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.

gatsby. React-based framework with performance, scalability, and security built in.

Cali-Meets-Delhi. We're getting married! Twice!

gatsby-starter-gcn. A starter template to build amazing static websites with Gatsby, Contentful and Netlify

com. Digital garden built using Astro, Obsidian, and other goodies.

gatsby-starter-lightbox. CSS

gatsby-starter-portfolio-cara. Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

konferencia-web-2018. Website of the 15th Simonyi Conference.

WP-API. The WP REST API has been merged into WordPress core. Please do not create issues or send pull requests. Submit support requests to the forums or patches to Trac (see README below for links).

nuxt-headless. Nuxt headless using WordPress REST API

gatsbyworkshop-wc2018. JavaScript

vuesion. Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.

ImageTiltEffect. A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

buildless-vuejs. JavaScript

beauty-vuejs-boilerplate. ❤️ Real world base Vue.js app. Access/refresh tokens auth, api services, http client, vuex modules

vue-styleguidist. Created from react styleguidist for Vue Components with a living style guide

lando-starters. Fichiers de configuration pour commencer des sites Wordpress / Drupal avec Lando (base Docker)

PageFlipLayout. A template with a magazine-like layout and a flat page flip animation

spacetime. A lightweight javascript timezone library

sal. 🚀 Performance focused, lightweight scroll animation library 🚀

ttf2woff2. Convert ttf files to woff2.

vue-fullpage. a single page scroll plugin for vue@2.x https://abel-oye.github.io/vue-fullpage/examples/

critters. 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

scrollreveal. Animate elements as they scroll into view.

vue-i18n-sandbox. JavaScript

page-transitions-travelapp. Travel App, Native-like Page Transitions

aos. Animate on scroll library

micron. a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

vuejs-playlist. Course files for the Vue.js 2 playlist on The Net Ninja YouTube channel

vue-firebase-tutorial. Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes

vue-yes-blog. Demo project, creating a blog from Markdown

gulp-css-target. Gulp plugin for splitting a single CSS file into multiple CSS files

website. HTML and CSS of imageoptim.com

vegas. Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and Slideshows to DOM elements.

au-input. Angular Icon Input Box Components - Font Awesome and Material Design Input Boxes

ng2-material-dropdown. Angular 2 Material-like Dropdown Component

primeng. The Most Complete Angular UI Component Library

angular2-bootstrap-translate-website-starter. Angular 2+ (current version: 4.x.x) starter based on angular-cli project. Includes Routing, Twitter Bootstrap, Ng2-translate for internationalization and Angulartics2 for integration with Google Analytics

justifiedGallery. JustifiedGallery is the algorithm part needed to compute a grid of images