This month has been interesting for demos. Usually, I shortlist demos during the month and end up with 10–20, from which I pick 10. This month, I had enough demos to write 2 (or even 3) lists like this one. It was tough to pick just 10, and many good ones were left out.
Genuary is a creative coding challenge in January in which participants share generative art based on a prompt. So many generative art demos made the shortlist this month... unfortunately, not all of them made it here.
037 - Crystal Grid Redo
Amy Carrigan coded this generative art demo using P5. The color choice is beautiful, and the shapes are soft and have a clean design. The shapes at the edges repeat on the other side, so the image creates a repeating pattern that would look beautiful as a background.
View Transitions: Playlist Header: Scroll-Driven View Transition
In this demo, Bramus showcases view transitions associated with scroll-driven animations. Scroll up and down and see how the header card adjusts size to make more content visible on the screen. It looks smooth on smaller screens (it may be jumpy at times on larger ones).
Genuary 2: No palettes
Another Genuary demo. This time, David Aerne brings a generative combination of circles, squares, and colors that really pop up. If it goes too fast, click on the screen, pause it, and advance one by one.
!!
Do you watch anime and like their animated focus speed lines when someone looks shocked? Wakana Y.K. has something that you will like. Adapted from a previous demo, this is a fun effect to highlight pictures using a little JavaScript and a canvas.
Direction-Aware Mickey Mouse
Some of Micky Mouse's original cartoons entered the public domain in January. We saw a surge of Steamboat Willie-related demos and drawings. This one by Jon Kantner is coded in HTML and CSS and uses some JavaScript to animate Mickey and make him look wherever the mouse goes.
Tower of Climbing Cubes
It is possible to create impressive 3D demos just with HTML and CSS… Amit Sheen took it one step further and made it live on his YouTube channel for everyone to watch the process and see how it's done. This infinite climbing cube tower is a great example.
Marquees
Missing <marquee>? Cyd Stumpel shows how to create two marquees using CSS and GSAP. This last one has additional features, like adjusting speed depending on the scroll speed.
Top Authors Section
This may not be the most "popping" demo on the list, but it is the most practical. Kristen creates unique designs on CodePen, and this one from January is beautiful. The experience is clean, and the grid adapts nicely to different screen sizes.
Wooden Toggles
There was a time when the Internet was not "flat colored." Developers experimented with textures, gradients, and unconventional shapes (even if it was using images). Nicolas Jesenberger crafted some beautiful toggles with wooden textures that bring back fond memories of older times on the web.
S̵w̵e̵e̵t̵H̵o̵m̵e̵, Suit…Home? Diorama
Ricardo Oliva Alonso creates amazing-looking 3D dioramas both in CSS and using ThreeJS. This one is the latter. The textures and how the light is handled make it a well-rounded demo-one of my favorites from Ricardo.
Top comments (16)
Transform your property with top-quality fence installation services from LA Gates and Doors. Whether you’re looking to enhance security, add privacy, or boost curb appeal, their expert team is ready to deliver exceptional results tailored to your needs. With a commitment to craftsmanship and customer satisfaction, LA Gates and Doors provides comprehensive solutions for all your fencing needs.
Welcome to the world of immersive visual experiences with the projection room from KL Multimedia. This advanced hologram projector offers a cutting-edge solution for captivating displays and presentations. Designed to enhance any environment, the projection room utilizes state-of-the-art holographic technology to bring your visuals to life with stunning clarity and depth. Whether you're aiming to create a mesmerizing effect for a corporate event, a dynamic exhibit, or a high-impact marketing campaign, KL Multimedia’s projection room provides an unparalleled platform for showcasing your content in an innovative and engaging way. Explore how this remarkable tool can transform your space into a hub of visual brilliance.
Welkom bij Osteopathie Sassenheim, uw deskundige partner in het bevorderen van gezondheid en welzijn. Gevestigd in het hart van Sassenheim, biedt ons centrum op maat gemaakte osteopathische behandelingen die gericht zijn op het verbeteren van uw algehele functioneren en het verlichten van pijn. Onze ervaren osteopaten passen een holistische benadering toe, waarbij ze niet alleen symptomen aanpakken, maar ook de onderliggende oorzaken van uw klachten identificeren en behandelen. Ontdek hoe Osteopathie Sassenheim u kan helpen bij het herstellen van uw balans en vitaliteit. Bezoek onze website Inner Mind Center voor meer informatie en om een afspraak te maken.
Le musc intime est un produit prisé pour son parfum doux et envoûtant, souvent utilisé dans les soins personnels. Sur le site Moon Kare Cosmetics, vous trouverez une gamme de produits de musc intime qui sont formulés pour offrir des sensations de bien-être et de fraîcheur. Ces produits de haute qualité sont conçus pour sublimer la peau tout en respectant son équilibre naturel. Découvrez les bienfaits du musc intime sur Moon Kare Cosmetics, une marque qui se distingue par son engagement à offrir des soins de beauté doux et efficaces.
ProfreeTools offers a comprehensive suite of free SEO and development tools, including meta tag generators, calculators, and more. Boost your productivity with fast, reliable, and user-friendly online solutions—all in one place!
This is an awesome collection of CodePen demos! January always brings out some of the most creative coding projects. Also, for gaming fans, check out Nulls Brawl Apk for an exciting experience!
If you're searching for a way to kickstart your day with a satisfying and delicious breakfast, McDonald's Breakfast Menu has you covered. From their classic Egg McMuffins to the iconic Hotcakes, McDonald’s offers a variety of options to suit every taste. Whether you prefer a hearty sausage and egg sandwich or a lighter option like the Fruit & Maple Oatmeal, McDonald's Breakfast Menu is designed to provide a delicious and convenient start to your morning. Explore the range of choices available and find the perfect breakfast to fit your needs, right at McDonald's. For more information, visit McDonald's Breakfast Menu.
The platform is designed with user experience in mind, featuring a sleek and intuitive layout that facilitates easy navigation. Users can quickly access the content they are interested in, thanks to the platform’s organized structure and user-friendly design. This streamlined approach enhances the overall browsing experience, allowing readers to effortlessly find and engage with the information that matters most to them.
By continually updating its content and expanding its coverage, Magpresshub ensures that it remains a crucial resource for staying informed and inspired. Its dedication to delivering relevant, high-quality content makes it an essential tool for professionals, enthusiasts, and casual readers alike. Whether you’re seeking expert insights, practical advice, or the latest trends, Magpresshub provides a rich and rewarding experience that caters to your informational needs.
If you're looking for effective and budget-friendly solutions to elevate your online presence, affordable digital marketing services from ASN Digital Marketing are the answer. Specializing in a range of digital strategies, ASN Digital Marketing provides tailored solutions that fit any budget while delivering exceptional results. Whether you're a small business aiming to increase brand visibility or an established company seeking to optimize your online campaigns, their expert team offers comprehensive services that ensure maximum return on investment without breaking the bank. Discover how ASN Digital Marketing can help you achieve your goals with their cost-effective approach to digital marketing.
Welcome to Goverla Windows and Doors, your premier destination for top-quality window and door solutions. As a leader in the industry, Goverla Windows and Doors offers a comprehensive range of products designed to enhance the aesthetics, security, and energy efficiency of your home or commercial property. Whether you're renovating your space or building new, our expert team is dedicated to providing exceptional service and top-notch craftsmanship. Explore our extensive selection and experience the difference with Goverla Windows and Doors, where excellence meets innovation. For more information and to find out why we’re the top choice in your area, visit Best Companies Near Me.