Design
Design: visual and graphic design, UI and UX, typography, product design, illustration, and creative tools.
-
Design Revision's Shards Pro designrevision.com
Design blocks for web or mobile apps.
-
Creative Tim creative-tim.com
Themes for React, Angular, Vue, Lavarel and HTML5.
-
Material-UI Theme Editor in-your-saas.github.io
A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview.
-
Builder Book builderbook.org
Books that teach you how to build full stack, production-ready web apps.
-
Savory gitlab.com
Library for building user interface based on Seed.
-
seed-icons crates.io
Library with collections of icons to include in Seed-based application.
-
Design Decisions Through The Lens Of A Performance Budget vimeo.com
How we can make smarter design decisions, from the beginning of a project, to ensure that our sites perform well.
-
Inside Design - Setting a web performance budget invisionapp.com
Setting a performance budget by Invision.
-
Designing for Performance designingforperformance.com
How performance is important for designers.
-
Web Performance for Designers and developers csswizardry.com
Front-end performance for web designers and front-end developers.
-
Performance as design bradfrost.com
Best practise to see performance as an essential design feature.
-
Rive rive.app
Real-time interactive animation tool for websites, apps, and games. Design vector graphics and state machines in the editor, then ship them with open-source runtimes for the web.
-
UI colors uicolors.app
Color palette generator for Tailwind CSS.
-
shadcn UI ui.shadcn.com
Re-usable components built using Radix UI and Tailwind CSS.
-
Tints tints.dev
Color palette generator and API for Tailwind CSS.
-
Catalyst tailwindcss.com
Beautiful, accessible application UI kit for React.
-
Tailwind Plus tailwindcss.com
UI blocks, templates, and a UI kit by the Tailwind CSS team.
-
TailwindInk tailwind.ink
AI palette generator, trained with the Tailwind CSS palette.
-
Ripple UI ripple-ui.com
Clean, modern and beautiful Tailwind CSS components.
-
Radian UI radianui.com
Accessible, customizable React components built with Tailwind CSS, with a CLI.
-
Meraki UI Components merakiui.com
Beautiful Tailwind CSS components that support RTL languages.
-
Kokonut UI kokonutui.com
Collection of modern, interactive customizable UI components.
-
HyperUI hyperui.dev
Open source marketing and ecommerce Tailwind CSS components.
-
Fullwind CSS fullwindcss.com
Extend Tailwind CSS color palettes with additional shades.
-
Appica UI appica.dev
Open-source React component library built on Tailwind CSS, with a matching Figma library.
-
Chrome User Experience Report (CrUX) developers.google.com
-
Nevron Open Vision Components for Blazor nevron.com
Diagram, Chart, Text Editor, Gauge, Barcode, and User Interface components for Blazor. Demo.
-
Blazor BarCode barcoderesource.com
A barcode library for Blazor using barcode fonts.
-
Mastering Blazor UI: Advanced Custom Components and Design Strategies amazon.com
Mastering Blazor UI: Advanced Custom Components and Design Strategies (Published September 3, 2024).
-
Qui - Vue 2/3 Design system qui-max.netlify.app
-
Auth0/OKta - Quantum Design System quantum.okta.design
-
GitHub - Design System primer.github.io
-
Mística - Design system mistica-web.vercel.app
-
Design system master--5ccbc373887ca40020446347.chromatic.com
-
-
Decathlon - Design System decathlon.github.io
-
AXA France - Design System axafrance.github.io
-
Responsive Web Design – What It Is And How To Use It smashingmagazine.com
-
Mobile Search UX 8 Obstacles blog.algolia.com
-
-
Responsive Web Design abookapart.com
-
The Role of Enhancement in Web Design nngroup.com
From the concept of enhancement to the criteria and rules for enriching the user interface.
-
Font Family Reunion fontfamily.io
Compatibility tables for default local (system) fonts.
-
Timeline css-tricks.com
From definition list to SVG illustration (article with demos).
-
Adaptive Web Design adaptivewebdesign.info
Book on Progressive Enhancement from content to design and interaction.
-
Progressive Enhancement checklist (1st edition, HTML) adaptivewebdesign.info
, Checklist of 2nd edition (PDF) - Actionable list to check you've applied Progressive Enhancement best practices. Part of Adaptive Web Design book.
-
Lit and Figma rodydavis.com
-
Clarity Core Web Components github.com
Suite of web components for Clarity Design System.
-
Momentum UI Web Components github.com
Set of UI components based on Momentum Design.
-
1pxdeep rriepe.github.io
Brings designing by relative visual weight, or designing with color schemes, to Bootstrap.
- next page of items loading…
