Next.js Supabase Tailwind Star

Comprehensive SaaS boilerplate for design engineers with Next.js, Supabase, and Tailwind CSS, providing well-designed full-stack templates, boilerplate, framer components, API snippets, and developer tools to enhance your development process.

Work Sans

/Work+Sans

Work Sans is a typeface family based loosely on early Grotesques, such as those by Stephenson Blake, Miller & Richard and Bauerschen Giesserei. The Regular weight provides a clean and elegant look, perfect for various design projects.

Next.js Vercel

Next.js by Vercel is the full-stack React framework for the web, offering fast, production-grade tooling to get started in seconds. It is the framework of choice for developers looking to create features with velocity and precision.

Lucide Icons

A beautiful and consistent icon toolkit made by the community, offering lightweight, scalable, and customizable icons. Lucide Icons support various packages, are tree-shakable, and backed by an active community. Style them as you please and meet the team behind Lucide Icons: Eric Fennis, Karsa Rigó, and Jakob Guddas. Sponsor the Lucide maintainers to support this project.

SupaBase

An open-source alternative to Firebase, empowering developers to build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage, and Vector embeddings. Start for free and scale effortlessly.

KitWind

A marketplace of fully responsive, multi-purpose UI kits, built with Tailwind CSS, for start-ups and products of any kind, empowering you to build efficiently and effectively.

The Shader's Universe

/02

A gentle step-by-step guide through the abstract and complex universe of Fragment Shaders, starting with a simple 'Hello World' example.

MagicPattern

Create Pro Visuals with MagicPattern. Generate SVG/CSS patterns, gradients, and organic shapes to brand your product and social media posts. Beautiful Graphics with 10+ tools. Instantly & Effortlessly create unique graphics for social media posts, landing pages, and branding in a few clicks. Export them as images or even code (SVG & CSS). Meet the Toolbox to Neatly Organize Your Assets with Rich Exporting Options! Use Your Brand Guidelines.

Redux Fundamentals

/getting-st

A comprehensive tutorial by Dan Abramov, the creator of Redux, guiding you on managing state in React applications with Redux, empowering you to elevate your development skills.

Tailwind CSS Rapid

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. It allows you to follow best practices, create constraint-based layouts, and build anything from classic utility jackets to kids jumpsuits with a retro shoe style. Tailwind CSS is performance-oriented, mobile-first, and supports state variants. It promotes component-driven development and offers a prognosis for a negative margin-free future.

Tunera Type Foundry

A creative hub for unique and diverse font designs, offering a wide range of artistic typography options to enhance your projects.

Tailwind Bits

Tailbits is a library of UI components made with Tailwind CSS, offering a curated collection for all types of design projects. From buttons to dashboards, find everything you need in one place to enhance your design workflow.

BrandBird

Create in seconds beautiful screenshot mockups and graphics for your website, UI, social media, blog posts, newsletters, and landing pages. BrandBird is a screenshot editor designed for founders, marketers, creators, and designers who love beautiful graphics. Learn how to create stunning screenshots with ease, customize in just 2 clicks, upgrade your Twitter branding, and turn your screenshots into visually appealing posts. Explore our features loved by creators.

Dirty Dozen Bugs

/bugs-in-pr

A comprehensive guide to the most common bugs encountered in web services testing, providing insights and solutions to improve your testing workflow.

SVG Doodles

A free collection of different editable SVG's to spice up your online and offline designs, adding creativity to your projects.

Google Fonts

/Archivo

Archivo is a grotesque sans serif typeface family originally designed for highlights and headlines. This family is reminiscent of late nineteenth-century Americ, enhancing your typography choices with style.

LightningThemes

A comprehensive directory of open-source and premium themes, templates, starters, and UI kits for the Jamstack, offering a wide range of options to enhance your modern stack projects.

UI Labs

An experimental laboratory of fine UI, offering a range of dynamic settings, contextual toolbars, flexible tags containers, and animated cards to enhance your design experience and foster innovation.

BuildUI

A platform to learn and master building modern user interfaces for the web, featuring advanced techniques like Radix UI, Remix data fetching, React Server Components, Framer Motion, Tailwind Mastery, and more.

GitHub Code Companion

GitHub Code Companion is a powerful tool that empowers developers to complete tasks 55% faster with contextualized AI coding assistance. It allows users to search code, repositories, users, issues, and pull requests efficiently. With features like saved searches and a navigation menu, developers can enhance their productivity. GitHub Code Companion integrates seamlessly with GitHub, enabling users to contribute to the open-source community, manage Git repositories, review code, track bugs and features, and streamline CI/CD and DevOps workflows while ensuring code security.

Indie Hackers Connect

Connect with developers sharing the strategies and revenue numbers behind their companies and side projects, stay updated with the latest news, job opportunities, and meetups in the tech industry.

Raycast

A collection of powerful productivity tools all within an extendable launcher, designed to make your Mac smarter and enhance your workflow with shortcuts and extensions tailored for professionals.

CleanShot X

CleanShot X is the ultimate screenshot and screen recording app for Mac. It comes with a built-in annotation tool, Cloud uploading, scrolling capture, and a plethora of other features to enhance your screen capturing experience on Mac.

Loom Recorder

The best free online screen recording tool with advanced video editing and storage, trusted by over 21 million users. Loom AI feature for automated transcription, lightning-fast recording, and secure content storage.

SaaS Starter Pack

Launch your SaaS startup faster with our design-focused boilerplate. Featuring Next.js, Supabase, Tailwind CSS, and ShadCN for exceptional UI/UX and functionality. Perfect for design engineers who value both aesthetics and performance.

FlowBite

Get started with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma. Build websites even faster with components on top of Tailwind CSS. Includes Hero Sections, Table Headers, Side Navigations, Feature Sections, CTA Sections, Content Sections. Design with Figma, Dark mode integration, RTL (Right to left) Support.

Kitwind

A marketplace of fully responsive, multi-purpose UI kits, built with Tailwind CSS, for start-ups and products of any kind, empowering you to spend less time coding and more time building.

Float UI

Beautiful and responsive website templates and UI components for React, Vue, Svelte, HTML with Tailwind CSS, enabling you to build and ship fast, make your ideas come to life, and create professional websites with ease.

Tailwind Kit

Over 200 free and open source components and templates for Tailwind CSS to build beautiful UI. Tailwind Kit provides access to over 250 free components and templates, fully coded and compatible with React, Angular, and VueJS, enhancing your web development experience with Tailwind CSS 3.0 support.

SVG Shape Master

A tool for creating and manipulating SVG shapes seamlessly, enhancing your design capabilities with precision and ease.

Spline 3D

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. Explore the latest examples 3D design has never been easier. Tools to express your creativity in 3D. Create and collaborate in real-time. Integrate your 3D designs with your pipeline. Bring your spatial design content to visionOS.

Frontend Cloud

Vercel's Frontend Cloud provides developers with frameworks, workflows, and infrastructure to build faster, more personalized websites, offering features like Git-connected Deploys, Collaborative pre-production, Frontend Observability, Instant Rollbacks, Conformance, and the ability to scale without compromising on performance. It bridges the best of Client and Server Rendering, enabling deployment once and delivery everywhere.

Product Hunt

Product Hunt is a curation of the best new products, every day. Discover the latest mobile apps, websites, and technology products that everyone's talking about, with a focus on top products launching daily and weekly.

Figma

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform, bringing design and development together to build better products faster. Learn how to use Figma Product Plans, utilize resources, and generate simple UI with AI. Design consistently with Auto Layout and scale your edits instantly. Make prototypes with ease.

Tailwind Toolbox

Free open source Tailwind CSS starter templates and components to quickly kickstart your website development journey with Tailwind CSS.

Avatarify

Free React UI Avatars for Your Next Project, providing unique placeholder avatars to enhance user experience.

FlowBase

Discover our huge collection of Webflow Templates, Themes, Components, and Guides. Easily search and find powerful free content to help you build better websites, all in one place.

Cult UI Components

Components components that you can copy and paste into react apps. Customizable. Open Source. Typed. Enhance your design workflow with pop components tailored for Design Engineers.

Analytics.js

/analyticsj

A JavaScript library that lets you measure how users interact with your website, providing valuable insights for optimizing user experience and performance.

Tailwind Components

A free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects, or landing sites, featuring a diverse collection of community-contributed components and creators.

Framer Web Builder

Framer is the web builder for stunning sites. Deploy in seconds. Your site is fast out of the box and automatically optimized for search engines. Scale your site to any size with the built-in CMS, AI-powered localization, and site maintenance tools. Our customers love us for designing stunning sites on a familiar canvas.

Figma Component Hub

Discover, copy, and paste UI components in Figma with ease. Access a wide range of essential components for any design project, from buttons to data visualizations, all in one convenient hub.

TW Elements

A free collection of open source UI components, templates, sections & plugins for Tailwind CSS, featuring dark mode and theming customization options, to elevate your UI design with top-quality open-source resources.

Tailwind Beauty

/tailwind-s

A beautiful extension for TailwindCSS featuring multiple HTML elements and dynamic components for ReactJS, Vue, and Angular. Explore beautiful example pages, CSS components, JavaScript components, and comprehensive documentation. Open source and designed to enhance your Tailwind experience.

TailGrids

TailGrids offers a collection of beautifully crafted Tailwind CSS UI components, blocks, templates, and UI kit elements. With over 600 essential UI components and counting, TailGrids provides flawless dark mode support and pixel-perfect designs that can be easily copy-pasted into your projects, whether it's for web apps, marketing, e-commerce, dashboards, and more.

Redux Masterclass

/getting-st

A comprehensive tutorial by Dan Abramov, the creator of Redux, guiding you on managing state in React applications with Redux, enhancing your development skills with practical insights.

Design Resources

Design Resources is the ultimate collection of digital design resources, showcasing the best tools, websites, and inspiration to enhance your creative projects.

Bugs in Production

/bugs-in-pr

A comprehensive guide to the most common bugs encountered in web services testing, providing insights and solutions to enhance your testing workflow.

Motion Magic

Explore over 400 Framer and Framer Motion example projects in various formats, including CodeSandbox, code components in Framer, and code overrides in Framer, to enhance your motion design skills.

Rotonto Type Department

/rotonto

An innovative platform by Supernulla Creative Studio that allows customers to experience products before making a purchase, enhancing the shopping experience with interactive previews.

Neobrutalism Button

/button

Integrate the Neobrutalism Button component seamlessly into your projects, enhancing user interaction and visual appeal.

Variant Vault

Variant Vault is a collection of Framer Motion variants for your next project. Explore beautiful animations, interactive demos, and everything you need to get started quickly. All free to use and open source.

Uncut Fonts

Download somewhat contemporary fonts, free for commercial use, including Sans Serif, Serif, Monospace, and Display styles.

Embla Carousel

/carousel

A versatile carousel component supporting all Embla Carousel features, enhancing your website with interactive and accessible content navigation.

SVG Shape Maker

A tool for creating and customizing SVG shapes effortlessly, designed to streamline your design process in Framer.

Euphoric Squeezer

/squeezer-1

Squeeze these euphoric backgrounds into your design for instant joy and happiness. Use them wildly, and all of your dreams will come true. Boost your energy with a collection of 36 abstract backgrounds that will elevate your design projects.

Next SupaTail Starters

Comprehensive SaaS boilerplate for design engineers with Next.js, Supabase, and Tailwind CSS, providing well-designed full-stack templates, boilerplate, framer components, API snippets, and developer tools to enhance your design process.

FunFoodFriends

/firebase-r

An app that enables users to organize potlucks, share what they are bringing, and contribute their own items. With Google Authentication and Firebase integration, only signed-in users can view and add items, enhancing the potluck experience.

Tailwind Button Collection

Discover a collection of Tailwind CSS buttons designed to enhance your website's look. Easy to integrate with a copy-paste, no JavaScript required.

Curated Web Design

An inspiration catalog for web design enthusiasts, offering premium website templates and a curated selection of design resources to fuel your creativity without the need for coding skills or drama.

One Page Love

A gallery showcasing the best Single Page websites, templates, and resources, providing inspiration for modern web design.

NutsDev Digital Design

NutsDev is a digital design agency that helps clients create digital experiences that users will love. Elevate your data visualizations with style and explore our services for strategy, design, and development to make your digital presence stand out.

CSS Grid Guide

/interactiv

An interactive guide to CSS Grid, providing a comprehensive tutorial on building layouts on the web. Learn the mental model, grid flow, construction, child assignment, alignment, and more to enhance your front-end web development skills.

Mazius Display

/mazius-dis

Mazius Display is a high contrast serif typeface with old style proportions and a strong calligraphic feel. Influenced by chancery hands, it features two italics, each one with distinct personality. Use it at big size to create sleek headlines. Combine the three styles together for maximum expressiveness.

Velvetyne Fonts

A collection of libre fonts for everyone, enhancing your design projects with unique typefaces.

Syne Google Fonts

/Syne

Discover the Syne family of fonts, originally designed in 2017 for the Art Center 'Synesthésie' in Paris. Enhance your designs with diverse and refined typography options.

Karrik Velvetyne

/karrik

Discover a collection of libre fonts for everyone, designed to enhance your creative projects with unique styles and writing systems.

Visual Builder

/edit

A visual development platform that allows you to drag and drop components within your existing site or app. Build and optimize digital experiences for any tech stack with ease.

Free Icon Sets

/icons

Explore a collection of the best free Icons resources/assets for your next project, featuring a variety of icon sets to enhance your designs.

Avvvatars

Free React UI Avatars for Your Next Project, providing unique placeholder avatars for your users.

Explore 3000+

A vast library of free and customizable UI elements made with CSS or Tailwind. Explore, create, and share beautiful custom elements to enhance your projects. Join the open-source community and streamline your design process with ease.

The Shader Book

/02

A gentle step-by-step guide through the abstract and complex universe of Fragment Shaders, starting with the classic 'Hello World' example.

Fun Food Friends

/intro-fire

Let's take a look at building something using Firebase and React. We'll be building something called Fun Food Friends, a web application for planning your meals and connecting with other food enthusiasts. Learn about Firebase, store data, set up your app, and connect with like-minded foodies.

Hypercolor Gradients

A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS, or even save the gradients as an image, enhancing your design with vibrant colors.

CoverFlow Carousel

/035fc7c96d

A dynamic carousel component built with React, Tailwind, and Framer Motion, offering a visually engaging way to navigate content with smooth animations and interactions.

Front-End Checklist

/Front-End-

🗂 The perfect Front-End Checklist for modern websites and meticulous developers, providing a comprehensive guide for front-end development and ensuring meticulous attention to detail in your projects.

Design Gallery

A curated collection of the best design resources, jobs, and websites, providing designers with a one-stop destination for inspiration and tools to enhance their creativity.

Type Foundry

A type foundry specializing in creating distinctive and innovative fonts, offering a wide range of typographic styles to enhance your design projects.

Fast Image Gallery

/building-a

Learn how to build a performant image gallery using the Next.js image component and Cloudinary that can handle hundreds of large images and deliver great UX, enhancing your web development skills.

Vant Mobile UI

/vant

A lightweight, customizable Vue UI library for mobile web apps, offering a range of features such as search functionality, navigation menus, quickstart options, and browser support. Enhance your mobile app development with Vant Mobile UI.

CSS Tailwind Patterns

/patterns

Explore a collection of 132 unique patterns for CSS and Tailwind, sparking creativity in your design projects.

Digestive

/digestive

Imagine an alternate reality where Art Nouveau and Gothic architecture met and had a child. Digestive is this child. Taking inspirations from outside the typographic world, Digestive borrows shapes from the submarine universe (mainly seaweeds) and from anatomic parts, organs and guts. While designing this typeface, I tried to make a balance between something attractive and repulsive. This made me add some food related inspirations as I cook a lot. Call it long Italian pastas with a sticky sauce

Advanced Framer

Empower yourself with the Advanced Framer course to build your own ideas in Framer, breaking through complexity and mastering the art of creation.

FontShare

FontShare is a free fonts service from the Indian Type Foundry (ITF), providing access to quality fonts for all users.

OpenVerse

Search over 700 million free and openly licensed images, photos, audio, and other media types for reuse and remixing with OpenVerse, your gateway to a world of creative possibilities.

React Hosting Solutions

/8-react-ap

Quick and useful solutions for deploying and hosting your React applications in 2019. Discover Firebase hosting, GitHub pages, Netlify, Heroku, Now by Zeit, Surge, AWS S3, Roast, and more. Enhance your React deployment workflow with these cloud hosting options.

Digital Design Partner

Daniel Sun - Your partner in digital design. Selected works from 2020 to the present. Your product can look something like this too. Ready to grow your business through empathic visual style? Let's make it happen✨.

Shape Browse

/browse

Icons & Illustrations to SVG, Lottie, React. Shape lets you customize the style, colors and border of static & animated icons and illustrations. You can export to React, SVG and Lottie code, enhancing your design workflow with customizable icons and illustrations.

NextJS Components

A collection of Typescript React components for Next JS built using Tailwind and shadcn/ui, curated by Bridger Tower to enhance your development workflow with modern design elements.

CSS Pro

Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro's browser extension, the new way to work with CSS. Never lose your changes anymore, built to work on any website, making Inspect Element simple. Collect your favorite elements, check everything you need, measure anything instantly, and create beautiful websites.

Aktiv Grotesk Corp

/231-aktiv-

Aktiv Grotesk Corp font for the Web site and Photoshop in all styles, enhancing your typography with a modern touch.

Shader Magic

Empower your designs with beautiful moving gradients on Framer, Figma, and React. Explore a new realm of colorful interactions and create stunning visual experiences with ease.

Notion Workspace

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team, enabling seamless collaboration and organization of projects, documents, and wikis.

Dune Gradients

/dune-30-gr

Dune Gradients is a set of 30 wavy gradient backgrounds, perfect for branding, social media, web design, posters, stationary, packaging, desktop wallpaper, and more. Enhance your designs with these versatile and eye-catching backgrounds.

Tailwind CSS Handbook

/Tailwind-C

A new tool that blends your everyday work apps into one, providing an all-in-one workspace for you and your team, making work more efficient and organized.