Bookmarks filtered by #design
Bookmarks filtered by #design
155 bookmarks

The typography of new websites, rendered in a browser weekly – not read from CSS, not surveyed.

100 curated public-domain shots from the Moving Image Archive.
♠️ A typography engine for web graphics. Contribute to pmndrs/glyph development by creating an account on GitHub.

Sandboard is an interactive WebGPU sand playground where you can draw, push, and sculpt a photorealistic bed of sand.
A macOS menu-bar app that dresses your windows in knitted borders. - saragordic/window-sweaters

Step into the defining event for generative media. The GenMedia Conference brings together the most influential minds shaping the future of creativity, technology, and production, where frontier research meets real-world application at scale.

Critters is a WebGL and WebGPU interactive art project displaying raymarched 3D soft vinyl creatures generated from signed distance fields. It serves digital artists, graphics developers, and web design enthusiasts interested in real-time surface morphing. The experiment demonstrates continuous shape transformation reacting to real-time user cursor movements.

Holo is an interactive 3D web experience and design showcase by UI

The digitised working estate of typographer Jan Tschichold (1902–1974): 2,184 works and 21,242 scans, browsable year by year along a timeline of his life, 1918–1974. CC BY-SA 4.0.

The 3D QR Code Generator is a web-based tool for creating interactive, 3D QR codes that can be scanned to access a link. It is designed for users who want to add a unique and engaging element to their digital content, such as websites, social media, or marketing materials.
Popmelt is a design collaboration layer and browser toolbar that integrates directly into local web
A nostalgic Windows 95-style personal website with draggable windows, chat, paint app, and art gallery

How to build hydraulic tile floor patterns with CSS Grid and custom properties: one motif, a rotation rule, and no randomness.
Morph any SVG icon into any other with spring physics. Animate Lucide, Tabler and Heroicons in React, Vue, Svelte, React Native, Astro or vanilla JS. Zero dependencies, ~6 KB gzip.
bb-bureau is a studio specializing in graphic and type design set up by Benoit Bodhuin. bb-bureau is also the type foundry distributing Benoit Bodhuin's fonts. — bb-bureau est un studio de graphisme et typographie dirigé par Benoît Bodhuin. bb-bureau est également la fonderie distribuant les fontes de Benoît Bodhuin.

A tiny walkthrough on melting any element with a single SVG filter built from feTurbulence and feDisplacementMap.

This is a free online tool designed to build bivariate color palettes for maps. It is for designers and cartographers who need consistent and customizable color schemes. Users can select colors, fine-tune grid settings, and export the resulting palette as GPL, SVG, CSS, or JSON for use in their mapping projects.

This is a searchable archive containing over 3,000 vintage corporate annual report covers spanning from 1945 to 1991. It is for anyone interested in design history, corporate branding, or industrial design. Users can search the collection by decade, industry, and visual elements found on the report covers.
This bookmark is for the Arts & Architecture Magazine archives, specifically the issue dates, which are useful for researchers, historians, or designers interested in the intersection of architecture, art, and design in the mid-20th century. The bookmark provides a quick reference to the publication dates of individual issues, allowing users to browse or search the archives by year or month.

Awakened by qubibi is a web design and illustration project that showcases a simple yet striking visual concept. It is for anyone interested in web design and illustration, and is useful for inspiration or reference.

Bend, squish and collide organic shapes for real, instead of faking it by hand with the pen tool. A design tool that does the physics. Coming soon.

Your problem isn't a lack of creativity, it's a poverty of references. 50 design sites to steal ideas from those who do it better than you

This open-source component collection provides customizable React and Next.js cursor animations for web user interfaces. It is designed for front-end developers and UI/UX designers looking to add interactive cursor effects to web projects. The resource delivers copy-and-paste components that streamline developer workflows and enhance layout design.
Browser tool for overprint / misregistration typography effects.

Butter is a video editing and motion design platform built around reusable code blocks, motion graphics, and flexible timeline assembly. It is intended for creative agencies, brand teams, and video editors seeking advanced visual effects workflows. The tool helps users build personal creative systems with features like Figma imports, dynamic brand kits, and 4K exports.

Transform flat SVG graphics into isometric 3D projections. Apply rotations, add depth extrusion, create animations, and export as clean vectors.

Toolcraft is an open-source starter kit and UI library for building custom design apps with AI.

Holographic sticker studio. Upload artwork, tune the foil, and export a realistic holofoil sticker as a transparent PNG.

macOS app for browsing and managing installed fonts.

BRRRANDING is a curated collection of the best branding projects from around the internet, featuring human-curated work without algorithmic assistance. It is for designers and branding professionals seeking inspiration and ideas. The website is useful for anyone looking for high-quality branding examples and inspiration.
The Ice Cream Wrappers Archive is a digital collection hosted by the Malaysia Design Archive showcasing historical 20th-century Malaysian ice cream packaging. It serves design historians, researchers, and graphic designers looking to study regional packaging artwork and visual heritage.

Internet Development Studio Company (INTDEV) is a frontier design and engineering lab based in Seattle that builds, ships, and maintains custom websites and digital tools. It provides brand development, software engineering, and team training for technology startups and enterprise clients.
A fully functional Split Flap Display — just like the classic airport boards — using HTML, CSS, and JavaScript. - mni007nomi/Split-Flap-Display
A searchable archive of typographic design, indexed by typeface, format, and topic.
You can try out 60 types of real-time generative shaders within a single sketch.The UI supports collapsing and hiding, and features include automatic playback and the ability to save individual sketches.
The People’s Graphic Design Archive is a crowdsourced digital archive dedicated to preserving and diversifying graphic design history. It provides designers, historians, and researchers access to a collection of finished works, historical process documents, oral histories, and articles.

人間には本来の文章が読める一方で、画像認識AIには別の文章として認識させるフォント「Decoy Font」をフォント開発サービスのMixfontが公開しました。一般的なTTF形式で配布されており、パソコンにインストールして通常のフォントと同じように利用できます。
An ever-growing collection of references and tools for designers. Curated by Julien Van Havere, founder of DesignPractice™ and TypeFoundry™.

The most artistic, esoteric, and whimsical linux theme...You can try Brilliant's new tutor for free: https://brilliant.org/diinki/ You'll also get 20% off an annual Premium subscription! Many tha
low-level PNG tools for JavaScript and Web. Contribute to mattdesl/png-tools development by creating an account on GitHub.
🎨 user interfaces for react-three-fiber. Contribute to pmndrs/uikit development by creating an account on GitHub.
FragCoord.xyz — A shader editor for writing, debugging, and sharing.

Convert videos and images into real-time ASCII art and animations right in your browser. Customize density, contrast, and character sets, then export your creations.

All in one tool that let's you rip the textures out of photos from any perspective and make them seamless!

Cymatic Volume is an interactive design tool showcasing a volumetric sand field powered by shader-driven particles that form resonant nodal surfaces. It targets creative coders, digital designers, and visual physics enthusiasts. The tool aids in exploring dynamic particle behaviors and acoustic wave visualizations.
Interactive kerning playground from Kinetic Studio.

A simple tool for infinite unique outputs.

FLUID is an interactive generative art design tool for web developers, designers

DESIGN≒FORMULA is a free browser-based generator that creates geometric visual patterns and Lissajous curves using mathematical formulas. It is designed for graphic designers and digital artists seeking vector pattern elements. The application allows real-time shape customization, palette adjustment, and direct exports to SVG and PNG formats.

The office of is the contact portal for Brass Hands, an American brand design agency. It provides prospective clients with a direct communication channel for initiating design operations and project briefings.

Interface Craft is a curated design repository offering knowledge, practical demonstrations, and methods for crafting high-quality software interfaces. It is built for UI designers and developers aiming to create thoughtful, polished user experiences alongside modern AI tools.
googoo — draw pixels or type text and watch them melt into gooey vector shapes. Copy as SVG, paste into Figma.
Economy of Words is an interactive web page and digital art project featuring a wall of text where space sells for $1 per letter. It serves as a visual space for advertisers and participants wanting to post custom lines and links on a crowd-funded digital canvas.

This page is a directory of free SVG vector collections and icons. It is for designers and web developers who need visual assets for projects. It is useful because it provides access to a large, organized library of vector packs for use in tools like Figma, Sketch, and Adobe XD.

A browser-based image editor with dither effects is a tool for designers who want to create stunning visuals. It is useful for anyone looking to add unique effects to their images without needing to create complex edits, and is particularly suited for those who want to explore the creative possibilities of dithering.

Misaki Ohta/太田 三砂貴

辺をドラッグするだけで、隙間なく敷き詰まるエッシャー風のパターンを作れる無料ツール。正方形・六角形・4回回転対称・メタモルフォーゼの4モードに対応し、配色・曲線・回転も自由に調整。PNG / SVG で書き出し可能。インストール不要・サーバー送信なし、ブラウザだけで完結します。
Contribute to aphid91/Fluoddity development by creating an account on GitHub.

イラストレーター / 映像作家 P1PEのウェブサイト
Denim is a versatile sans-serif typeface collection by Displaay

Its Hover is an open-source library of customizable, motion-first animated SVG icon components designed for React, Next.js, and modern interface design systems. It helps web developers and UI designers enhance user interfaces with subtle, purpose-built component animations.
This is the website for a product design studio that specializes in rapidly bringing ideas to life. It is for individuals or companies needing professional design services to materialize concepts. It is useful for finding expert help to transform initial ideas into tangible, market-ready products.
A next-gen terminal emulator for all the terminal rats 🐁🐁🐁 - orhun/ratty

Turns cellular automata into evolving sound and interactive musical patterns, available on iOS). Cellular Synthesizer is an iOS application that converts cellular automata—a grid of evolving cells—into interactive musical patterns and evolving soundscapes. It is for musicians, sound designers, or users interested in generative art and algorithmic music. It allows users to create complex, evolving music simply by observing and manipulating the rules governing a simulated universe. *Initial Draft:* Cellular Synthesizer is an iOS app that turns cellular automata into evolving sound and interactive music. It is for musicians or sound designers interested in generative art. It is useful because it lets users create complex soundscapes by manipulating simple, evolving grid rules. No fluff/markdown/labels?

clairefro's corner of the internet

Download Cavalry free on Mac or Windows. Real-time 2D animation, motion design, and data-driven workflows - built for animators and motion designers.

OKLCH is a new color space that improves design and development with a wider color gamut. Learn why it's the new standard for web colors.
Graph is a content discovery and social platform that aggregates articles, discussions, and community insights across technology, artificial intelligence, and personal philosophy. It serves readers looking for curated posts, web links, and thought-provoking analysis on current topics.

Bruno Simon's creative portfolio is a website showcasing his design work, created by Three.js Journey. It is useful for anyone interested in his artistic endeavors, particularly those in the design field.
Upload any image and use the interactive 3D controls (or sliders) to set a new azimuth, elevation, and distance for the camera. The app then generates a realistic version of the picture from that n...
A good looking terminal emulator which mimics the old cathode display... - Swordfish90/cool-retro-term

This web-based color tool allows users to generate and edit customizable color palettes across advanced color spaces like OKLCH, LCH, and HSL. It is designed for graphic designers, web developers, and digital artists needing precise palette creation. The utility simplifies generating harmonious schemes and exporting color data into various digital formats.

Hey there, I'm Jackie, a product designer based in beautiful Cape Town, South Africa. ☀️. I design tools that help people do their best work.
Quality Time is a collective of emerging designers and recent graduates of the California College of the Arts MFA Design program looking to merge art and design scenes through participatory programming.

Stripe Press produces works about technological, economic, and scientific advancement.

A huge animation scene with many references to memes, games, films, series, anime, music groups

The ultra-summer internet radio station, playing an infinity pool of summer sounds 24/7. Swimwear optional. Formerly Poolside FM.
WebGL-powered React Component for video to ASCII conversion - elijah0528/video2ascii

U.S. Graphics Company — engineered type and graphic products.
alana goyal | notes

Thoughtful identities for imaginative clients.

This resource provides access to over 30,000 SVG icons, offering a comprehensive library for web and UI design. It functions as a fast, organized icon manager built specifically for designers and developers.

A home for curating your universe

It seems you are using an old or unsupported browser. To continue enjoying our product, please update to a recent version of one of the following browsers:

It serves as a reference for the company's anniversary design and history.

A zine for designers and product makers seeking meaning beyond metrics, inviting you to rethink our culture through the ways we design.
This application is an ASCII Art Converter that allows users to transform images into ASCII art representations. Users can upload images either by dragging and dropping them into the application or by using a file input. The app supports various character sets for ASCII art, including standard, detailed, block characters, and minimal options. To use the app, users can adjust the resolution of the ASCII art using a slider, toggle options for color inversion and grayscale mode, and select their preferred character set from a dropdown menu. Once an image is loaded, the app automatically converts it into ASCII art based on the selected settings. The resulting ASCII art is displayed in a preview area, where users can also see colored ASCII art if the grayscale option is disabled. Key features of the app include: - Image upload via drag-and-drop or file selection. - Adjustable resolution for ASCII art output. - Multiple character set options for different styles of ASCII art. - Options to invert colors and switch to grayscale mode. - Copy to clipboard functionality for easy sharing of the generated ASCII art. - Download option to save the ASCII art as a text file. The application is built using React and TypeScript, leveraging hooks for state management and effects. It utilizes a canvas element for image processing and rendering, and it incorporates UI components for sliders, buttons, and select menus. The app is designed to be responsive, adapting its layout for both desktop and mobile users.

A fast and versatile JavaScript animation library
This page is a comprehensive gallery of CSS3 patterns and techniques. It is for web developers and designers looking to implement modern styling features. It is useful for quickly finding and learning how to apply advanced CSS properties like gradients, animations, and layouts.
Create cool interactive background
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
You should check out Vector Paint and create some cool artwork! vector-paint.com/app

Laura Winn is a graphic designer in San Francisco, CA. Founder and CEO of Let
A handcrafted surrealist pixel art survival horror puzzle video game about secrets.
Andre Vacha's portfolio site
(3 sentences, plain prose, covers what/who

A nonprofit center for inspiration, education, and community in graphic design and the letter arts.

html energy is all around us and in this very website.
A design studio providing creative branding, identity, graphic & digital solutions across industries in Saigon, Vietnam.
Tacit knowledge is extremely valuable. Unfortunately, developing tacit knowledge is usually bottlenecked by apprentice-master relationships. Tacit Knowledge Videos could widen this bottleneck. This post is a Schelling point for aggregating these videos—aiming to be The Best Textbooks on Every Subject for Tacit Knowledge Videos.
https://habr.com/ru/post/479580/...

Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and

React component library designed on the
...

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

Clinamenic LLC offers comprehensive professional services including design, writing, and knowledge management solutions. Led by Spencer Saar Cavanaugh, we specialize in organizational design, branding, and digital knowledge systems.

Calvin Hutcheon is a craftsman and designer building experiences for an emergent internet.
Browser game exploring the Karrik typeface from Velvetyne.
Cercle Studio is a graphic design studio located in Strasbourg, France and founded in 2014 by Marlène Astrié, Marie Secher and Maxime Pintadu. We specialize in editorial design and offer a contemporary visual language that combines stories, photographs, illustrations, typography, video or animation to convey the messages, values and know-how of the entities with which we collaborate (magazine, book, catalog, program, poster, signage, identity, etc.) We are also founders of the annual publication Cercle Magazine .

Libre type foundry publishing free and open-source fonts.
...

5 links a day to keep your design demons away.
A short Web Page about Julius on the Internet

I’ve been studying the history of the internet, and reading through internet RFCs to better understand the series of design decisions that lead up to our open-ended and evolvable internet.
Looking for a good D3 example? Here’s a few (okay, …) to peruse. Animation D3’s data join, interpolators, and easings enable flexible animated transitions between views while preserving object constancy. Interaction D3’s low-level approach allows for performant incremental updates during interaction. And D3 supports popular interaction methods including dragging, brushing, and zooming. Analysis D3 is for more than visualization; it includes tools for quantitative analysis, such as data transformation, rand

Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
Build and Share your best shaders with the world and get Inspired

Experiments in Web

HOME / APPS / PROJECTS / BLOG / ABOUT

I’ve been working on a physics-based marbling simulation to explore the ways that the traditional craft of paper marbling can be augmented digitally. Paper marbling is a centuries-old craft that uses the movement of water to create swirling patterns of inks and paints on paper (and sometimes fabric). The earliest accounts of marbling date back to the 12th century in Japan, where it is known as “suminagashi.” Inks were floated on top of water and manipulated into delicate, flowing shapes using breath, fans, and other utensils. Later, paper marbling traditions emerged in the Middle East and Europe, making use of more viscous media and fine-toothed combs to create repeating patterns with greater regularity and control.
Nervous System is a design studio that works at the intersection of science, art, and technology. We create using a novel process that employs computer simulation to generate designs and digital fabrication to realize products. Drawing inspiration from natural phenomena, we write computer programs mimicking processes and patterns found in nature and use those programs to create unique and affordable art, jewelry, and housewares.

Stop reinventing the wheel. The web was doing just fine before your bloated frameworks crawled out of the sewer.
Companion–Platform is an independent design studio and creative practice specializing in digital design, brand, strategy, illustration, and image making.
The 50th anniversary edition of a classic text, featuring an expanded selection of color studiesJosef Albers’s Interaction of Color is a masterwork in art...
A sleek, glassmorphic button with a soft frosted appearance and subtle lighting.

We are Yamauchi-No.10 Family Office. Our mission is making a contribution to the society through our activities.

Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.
Defining and designing brands that make a difference
NaN Glyph Filters is a a collection of procedurally generated display fonts and the codebase that was used to design them.
The open platform for artists and collectors to live out their passion for generative art.

Discomaton can produce your record personalized vinyl to the highest standards. Personalize your printed vinyl online.

Find out who
Designers who help founders build their product and brand and accelerate product-market fit. We deploy world-class design expertise (product, GTM strategy, UX/UI design, branding) in the new Internet, AI, blockchain, and web3 ventures.
Explore our collection of guides tailored for aspiring entrepreneurs and creatives. Discover valuable insights, tips, and resources to help you reach your goals. Visit our learning hub regularly for new guides.

Spline is a free 3D design software with real-time collaboration to create web interactive experiences in the browser. Easy 3d modeling, animation, textures, and more.
A Creative Studio for Community-Stewarded Organizations
There is a significant flaw in today’s painting software: the colors do not mix like actual paints. E.g., blue and yellow make gray instead of green. This is because the software is built around the RGB representation, which models the mixing of colored lights. Paints, however, get their color from pigments, whose mixing behavior is predicted by the Kubelka–Munk model (K–M).
Speaking in black & white. Thinking in colour.
Jitter is a collaborative motion design tool that lets you create professional animations in minutes, no matter your experience with motion.
monospace theme for MkDocs. Contribute to ntno/mkdocs-terminal development by creating an account on GitHub.
Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌 - nolly-studio/cult-ui
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.
Async Classic Art Editor

UX-ing in the open on problems that matter.
This is a living document that reflects our collective mindset towards designing blockchain enabled applications. If you're interested in contributing to this document, please visit our contribution guidelines in the adjacent markdown file.
Design essay and demo of building expressive layouts with monospace type.