Codrops Sketches

A collection of demo variations, ideas, raw concepts & experiments.

Demos

2022

Credits

Images from Unsplash

Misc

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops

A Web UI toolkit for creating rapid prototypes, experiments and proof of concept projects.

MinimalComps2 A Web UI tookkit for creating rapid prototypes, experiments and proof of concept projects. The site: https://www.minimalcomps2.com/ Full

Apr 18, 2022

Scratch Incubator hosts a number of interesting, open-source, and arguably useful experiments and tools.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jul 6, 2022

Experiments with overlaying time-series satellite imagery on a map

Videomap.earth Experiments with overlaying time-series satellite imagery as video over maps. TODO: Add instructions on generating video files using st

May 10, 2023

Nftix-demo-ui - Demo UI used in my NFT course on Egghead.io

NFTix Demo UI This repository contains the UI used for my Egghead course on building a NFT ticketing system 🥚 🤓 If you're watching the videos, use t

Dec 17, 2022

:bathtub: Clean Code concepts adapted for JavaScript

clean-code-javascript Table of Contents Introduction Variables Functions Objects and Data Structures Classes SOLID Testing Concurrency Error Handling

Jan 9, 2023

📜 33 concepts every JavaScript developer should know.

33 Concepts Every JavaScript Developer Should Know Introduction This repository was created with the intention of helping developers master their conc

Dec 31, 2022

Application made to show the basic concepts of GraphQL with Apollo Server

graphql-insta-example Application made to show the basic concepts of GraphQL with Apollo Server. Getting Started Run npm install Run npm run dev Go to

Aug 26, 2022

Airbnb-React - In this project, An Airbnb experience page clone is created to learn and implement React props concepts.

Create React Airbnb App In this project An airbnb experience page clone is created to learn and implement React props concepts. Objectives Learn about

Jun 28, 2022

A trivia website game based on origin of objects and concepts from around the world

Origin guesser is a quiz/trivia game in which the user is presented a word, object, or flag and offered a series of multiple choice answers to choose from as to the origin of that concept. Unlike other trivia games, this is concentrated only on origin of objects and concepts questions.

Feb 12, 2022

API developed using NestJS, TypeORM, PgMem and concepts of Clean Architecture

The Powerful NestJS A progressive Node.js framework for building efficient and scalable server-side applications. Clean Architecture The project has b

Jan 2, 2023

A tutorial for people that want to learn continuous delivery concepts by practicing.

Continuous delivery playground This tutorial walks you through setting up a continuous delivery pipeline from scratch. This guide is for people that w

Nov 24, 2022

This is a project that is in partial fulfillment of our CSCI 318 - Programming Language Concepts class of the Fall 2022 semester in New York Institute of Technology

StreetEasier A hub to search for apartments and roommate matching This project was bootstrapped with Create React App. Want to Test Yourself? 1.) Clon

Dec 5, 2022

This Repo Contains projects that demonstrate some concepts / algorithms / implemetation in some form of digital visualisation

Hacktoberfest 2022 OPEN FIRST Pull Request - GET STARTED WITH OPENSOURCE AND WIN SOME AWWSOME SWAGS 🎉 Contributors of Hacktoberfest 2022 This project

Nov 7, 2022

An interactive Bitcoin tutorial for orange-pilled beginners. Illustrates technical Bitcoin concepts using JavaScript and some Bitcoin Core RPC commands. Programming experience is helpful, but not required.

Try Bitcoin Try Bitcoin is an interactive Bitcoin tutorial inspired by and forked from Try Regex, which is inspired by Try Ruby and Try Haskell. It il

Nov 25, 2022

This repo has demos, content and documentation of javascript concepts and syntax, in their simplest form. Contribute by sharing your understanding of javascript! Hacktoberfest Accepted!

javascript-documentation open-source hacktoberfest2022 Submit your PR to this javascript-documentation repo 🧭 🌟 ❗ This repo has some of my javascrip

Nov 2, 2022

Cookbook Method is the process of learning a programming language by building up a repository of small programs that implement specific programming concepts.

CookBook - Hacktoberfest Find the book you want to read next! PRESENTED BY What is CookBook? A cookbook in the programming context is collection of ti

Nov 17, 2022

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. I created this project using ES6 concepts. I connected to the Leadboard API service

Leaderboard App The leaderboard website displays scores submitted by different players. It also allows you to submit your score I created this project

Dec 21, 2022

Some ideas for modern multi-layer page transitions using CSS Animations.

Multi-Layer Page Reveal Effects Some ideas for modern multi-layer page transitions using CSS Animations. Article on Codrops Demo Sponsor Demo sponsore

Nov 1, 2022

Some ideas for decorative link distortion effects using SVG filters.

Distorted Link Effects A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares. Article on Codrops De

Dec 4, 2022

A collection of demo variations, ideas, concepts & experiments.

Related tags

Overview

Codrops Sketches

Demos

Credits

Misc

License

You might also like...

A Web UI toolkit for creating rapid prototypes, experiments and proof of concept projects.

Scratch Incubator hosts a number of interesting, open-source, and arguably useful experiments and tools.

Experiments with overlaying time-series satellite imagery on a map

Nftix-demo-ui - Demo UI used in my NFT course on Egghead.io

:bathtub: Clean Code concepts adapted for JavaScript

📜 33 concepts every JavaScript developer should know.

Application made to show the basic concepts of GraphQL with Apollo Server

Airbnb-React - In this project, An Airbnb experience page clone is created to learn and implement React props concepts.

A trivia website game based on origin of objects and concepts from around the world

API developed using NestJS, TypeORM, PgMem and concepts of Clean Architecture

A tutorial for people that want to learn continuous delivery concepts by practicing.

This is a project that is in partial fulfillment of our CSCI 318 - Programming Language Concepts class of the Fall 2022 semester in New York Institute of Technology

This Repo Contains projects that demonstrate some concepts / algorithms / implemetation in some form of digital visualisation

An interactive Bitcoin tutorial for orange-pilled beginners. Illustrates technical Bitcoin concepts using JavaScript and some Bitcoin Core RPC commands. Programming experience is helpful, but not required.

This repo has demos, content and documentation of javascript concepts and syntax, in their simplest form. Contribute by sharing your understanding of javascript! Hacktoberfest Accepted!

Cookbook Method is the process of learning a programming language by building up a repository of small programs that implement specific programming concepts.

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. I created this project using ES6 concepts. I connected to the Leadboard API service

Some ideas for modern multi-layer page transitions using CSS Animations.

Some ideas for decorative link distortion effects using SVG filters.

Owner

Codrops

Some ideas for modern multi-layer page transitions using CSS Animations.

Some ideas for decorative link distortion effects using SVG filters.

Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.

Open! Inclusive! Collaborative! A community for enthusiasts exploring new technologies, working on innovative ideas and helping each other grow together. Open Issues, Raise ideas, Make Pull Requests!

A demo app to illustrate core and latest concepts in Ember.js

A Tailwind plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and all variations.

Smoothly interpolate between variations of SVG paths.

Freeze variations and features in font.

This repo is a collection of code samples and links to previous twitch live stream sessions. If you have any ideas or suggestions for future episodes, feel free to open an issue.

Playground for the fire effect from DOOM. Really simple algorithm and all experiments are welcome!