A starfield was one of the first things I built when learning to program. It's been quite some time now, and I've started learning shader programming with GLSL and three.js, so I decided why not go back to where it all started!
I feel what you want because I want things like that too. However this cannot be done in Webflow. I'm sure this requires more than some Webflow and casual web knowledge. Recently I found this website that can help creating complex animations, but for me this seems too complicated. 3D is a cool thing, but making it interactive and working on a website is less cool:D Some more resources in connection with 3D: Spline and Vectary.
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Simply beautiful open source iconsProject mention: [Theme] Layers | reddit.com/r/androidthemes | 2021-02-21
These are Feather Icons, great open source pack and the icons are actually .svg files (applied via Image not FontIcon) 😉 Forgot to mention about it in the descrpition but I'm gonna fix that now
The motion graphics toolbelt for the web
:tiger: Node.js tool for optimizing SVG filesProject mention: A tool to convert SVG into React 17 / TypeScript components + Ion Icons | dev.to | 2021-02-16
svgo to optimize the SVG, a lot.
Simple, responsive, modern SVG Charts with zero dependencies (by frappe)
Concise, consistent, and legible badges in SVG and raster formatProject mention: [Sway] Assassin Inkling | reddit.com/r/unixporn | 2021-02-20
image-link.png is generate using shields.io.
Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
Simple responsive chartsProject mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18
A visualization grammar.
:bar_chart: A D3-based reusable chart libraryProject mention: 10 Years of Open-Source Visualization – D3.js | news.ycombinator.com | 2021-02-23
The lightweight library for manipulating and animating SVG
Transform SVGs into React components 🦁Project mention: How I Built My Personal Website | dev.to | 2021-01-22
I'm using SVGR to transform my SVG files into React components, rather than loading them via . This means my SVGs will be loaded with the markup, rather than being loaded asynchronously, which can help eliminate Cumulative Layout Shift (CLS) issues. It's as simple as customizing your next.config.js file to use the @svgr/webpack loader for *.svg file types, then importing them in your components, a la:
Generates an image from a DOM node using HTML5 canvasProject mention: Building a local running tracker | dev.to | 2021-01-27
Something I thought would be pretty cool is the ability to generate (and download) an image of one's progress. I've dabbled a bit with generating images with Java on the server side, but never in a client-side app. My searching led me to find dom-to-image, which has options for exporting to a JPEG, a PNG, or even a blob (not the killer kind; a "blob" is raw file data, which can be read or processed as you wish). Combined with another library to make saving files easier, exporting the image is done easily:
A renderer agnostic two-dimensional drawing api for the web.
DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:Project mention: Sending Contact Form Messages to Your Email Inbox | dev.to | 2021-02-21
Since we are dealing with user input sanitizing it is a good security practice, you can set up any user input sanitizing method you are familiar with, a good start can be DOMPurify.
A scalable set of icons handcrafted with <3 by GitHubProject mention: Is there a collection of Git icons available anywhere? | reddit.com/r/git | 2020-12-30
Minify images seamlessly
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.Project mention: 🔥 Native lazy loading is here! | reddit.com/r/web_design | 2021-01-18
Alright, so SQIP generates an SVG from an image, see here and here.
Beautiful React SVG maps with d3-geo and topojson using a declarative api.
It's not art