Cult UI

Components components that you can copy and paste into react apps. Customizable. Open Source. Typed.

Firebase & React Authenticatio

/firebase-r

A tutorial on integrating Firebase user authentication into a React application, ensuring only authorized users can access and contribute to the app's features.

Curated Web Design Inspiration

Unleash your creativity with out-of-this-world web design inspiration from across the web. Discover a curated catalog of premium website templates, design tokens, and more to fuel your ambitious creative projects.

Velvetyne Libre Fonts

Velvetyne offers a collection of free, high-quality fonts for personal and commercial use. Discover a library of elegant, versatile typefaces to bring your designs to life.

Karrik Libre

/karrik

Karrik---velvetyne is a collection of libre fonts designed to be accessible and usable by everyone. The fonts are free to use, modify, and distribute, making them a valuable resource for designers, developers, and anyone looking to create beautiful, functional typography.

Visual Builder

/edit

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

Trickster Typeface

/trickster

Trickster is a collection of libre typefaces designed to be accessible and usable by everyone. With a focus on open-source distribution and customization, this font family empowers designers, developers, and content creators to craft beautiful, inclusive digital experiences.

avvvatars

avvvatars is an open-source React UI avatar library that provides free, unique placeholder avatars for your project. Get customized avatars tailored to your user base, enhancing the visual experience of your application.

Uiverse Galaxy

A comprehensive library of over 3,000 free and customizable UI elements made with CSS or Tailwind. Browse and use these open-source components to save time and enhance your design workflow for any project.

Avara - Velvetyne

/avara

Avara - Velvetyne is a collection of high-quality, open-source fonts designed to be freely accessible to everyone. This libre typeface library empowers users to incorporate beautiful typography into their projects without licensing restrictions.

Next.js 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.

Intro to Firebase and React

/intro-fire

A comprehensive guide to building a web application using Firebase and React, covering essential topics like data storage, app setup, and UI development.

Hypercolor Gradients

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

UI Labs

Experimental laboratory dedicated to pushing the boundaries of user interface design, exploring innovative UI components and interactions to enhance the digital experience.

Vue.js 2

/vue

Vue.js 2 is a popular and intuitive JavaScript framework for building user interfaces and web applications. It focuses on the view layer and is designed to be incrementally adoptable, making it easy to integrate into existing projects or use as a full-fledged application framework.

Lobular Amakan

home---tunera-type-foundry is a comprehensive type foundry offering a diverse collection of serif and sans-serif typefaces, each with its own distinct character and personality. Explore the unique and expressive designs, from the Lobular Amakan to the Nyght Serif, and elevate your typographical creations.

Oculi

/oculi

What if Roman inscriptional lettering had a lowercase? Oculi is inspired by Roman lettering, continuing the hypothetical journey where its source left off. Oculi imagines what a lowercase would look like if designed to match the capital letters and work at smaller sizes, bringing this classical aesthetic to modern typography.

Dirty Dozen Bugs

/bugs-in-pr

A comprehensive guide highlighting the top 12 most prevalent bugs encountered in web production environments, equipping developers and QA teams with the knowledge to identify and address these common issues.

Meek Display

/meekdispla

The Meek Display typeface family is an exploration of the unexpected - featuring an oblique stress, eclectic calligraphic and typographic elements, and a distinctive contrast in lieu of serifs. Suitable for bold headlines and large text, Meek Display currently comes in 4 styles with plans to expand the range further.

Velvetyne Libre

/sligoil

Velvetyne is a collection of libre (open-source) typefaces, freely available for everyone to use, modify, and distribute. Designed with a focus on accessibility and artistic expression, this font library empowers designers, developers, and content creators to enrich their projects with high-quality typography.

Framer Motion Showcase

A comprehensive collection of over 400 Framer and Framer Motion example projects, showcasing a wide range of motion design techniques and functionalities. Explore code components, CodeSandbox demos, and Framer-compatible code overrides to elevate your motion design skills.

Terminal Grotesque

/terminal-g

Terminal Grotesque is a collection of libre fonts designed to be accessible and usable by everyone. This versatile typeface family offers a wide range of styles and writing systems, empowering creators to craft compelling designs and content.

Rotonto Type Lab

/rotonto

Rotonto is a type department by Supernulla Creative Studio, allowing customers to try out various typefaces before making a purchase. It offers a seamless typography exploration experience.

Uncut Fonts

A platform that provides a curated selection of somewhat contemporary fonts, free for commercial use, empowering designers and creatives to enhance their projects with unique typography.

GT Walsheim

/gt-walshei

GT Walsheim is a friendly yet precise typeface inspired by the lettering of Swiss poster designer legend Otto Baumberger. It supports all Cyrillic languages, making it a versatile choice for a wide range of design projects.

Crimson Text

/Crimson+Te

Crimson Text is a font family inspired by beautiful oldstyle typefaces, perfect for book production and elegant typesetting. This free Google Font offers a classic, timeless design that elevates your content.

Shape Browser

/browse

Shape is a powerful tool that lets you customize and export icons and illustrations as SVG, Lottie, and React components. Streamline your design workflow by adjusting the style, colors, and borders of static and animated visuals, and seamlessly integrate them into your projects.

CSS Pro

A universal visual CSS editor that generates code for you, enabling you to try design ideas in seconds, boost speed and joy, and create stunning designs with just a few clicks. CSS Pro's browser extension makes working with CSS easy and intuitive.

Squeezer

/squeezer-1

Squeezer is a collection of 36 abstract background images designed to boost energy and infuse your designs with instant joy and happiness. These versatile backgrounds can be used in a wide range of creative projects, from website designs to marketing materials, to help your creations stand out and captivate your audience.

Notion - All-in-One Workspace

/SHADER-PRO

A new all-in-one workspace that blends your everyday work apps, empowering you and your team to streamline notes, tasks, wikis, and databases in one intuitive platform.

Plate

The rich-text editor framework for React, enabling you to build powerful and customizable rich-text editing experiences with features like blocks, marks, links, mentions, emojis, and more.

PF DIN Text

/pf-din-tex

PF DIN Text is a contemporary interpretation of the classic DIN 1451 standard, offering a timeless and highly legible typeface for a variety of uses. Inspired by the original design principles, this font family provides a refined and versatile typographic solution for both web and print applications.

Tailwind CSS Handbook

/Tailwind-C

A comprehensive handbook covering everything you need to know about Tailwind CSS, a utility-first CSS framework that helps you build custom, responsive user interfaces quickly.

Gradient Blend Toolkit

/gradient-b

A versatile set of 70 gradient blend objects ranging from logos to quirky design elements, perfect for branding, websites, apps, and more.