Directory apps can give you SEO superpowers. Backlink > rank > grow > $$$
Check out newcult.co for the premium version of this template...
featured-ad
Join the cult and get access to the admin dashboard for this template....
Includes AI scripts to quickly add new products to your directory.....
Components components that you can copy and paste into react apps. Customizable. Open Source. Typed.
ui
Boost your website's search engine ranking effortlessly with CleanMySEO. Our comprehensive SEO cleaning tools provide optimal website optimization for better visibility.
frontend
/react-goog
A React component that simplifies the integration of Google user authentication into your React application, enabling seamless sign-in through Google.
Comprehensive SaaS boilerplate for design engineers with Next.js, Supabase, and Tailwind CSS. Offering a curated collection of well-designed full stack templates, boilerplate, Framer components, API snippets, and dev tools to accelerate your project development.
/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.
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.
icons
/interactiv
An interactive tutorial that helps build a mental model for how CSS Grid works, covering key concepts like grid flow, construction, child assignment, and alignment. Designed to empower front-end developers in leveraging the full potential of this powerful layout tool.
Create pro-quality visuals with MagicPattern's comprehensive toolbox. Generate SVG/CSS patterns, gradients, and organic shapes to elevate your brand, social media, and web designs in just a few clicks. Effortlessly build a library of unique graphics that align with your brand guidelines.
gradients
/mazius-dis
Mazius is a high contrast serif typeface with old style proportions and a strong calligraphic feel. Influenced by chancery hands, it features two italics, each with distinct personality. Use it at big sizes to create sleek headlines, and combine the three styles together for maximum expressiveness.
typography
/le-murmure
Le Murmure is a collection of libre, open-source typefaces designed to be accessible and usable by everyone. This project provides a wide range of high-quality font families across various writing systems, empowering designers, developers, and content creators to craft beautiful, inclusive digital experiences.
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
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.
/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
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.
tools
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.
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
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.
/repl
Babel is the compiler for next generation JavaScript, enabling developers to write and use cutting-edge features and syntax while ensuring compatibility across a wide range of environments and browsers.
/02
A gentle step-by-step guide through the abstract and complex universe of Fragment Shaders, helping you master the fundamentals of this powerful graphics programming technique.
graphic
/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.
images
A free collection of different editable SVG's to spice up your online and offline designs.
/react-gh-p
A comprehensive guide on deploying a React app created with create-react-app to GitHub Pages, enabling seamless hosting and distribution of your web applications.
/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.
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.
/getting-st
A comprehensive Redux course taught by Dan Abramov, the creator of Redux, covering state management for React applications.
courses
Experimental laboratory dedicated to pushing the boundaries of user interface design, exploring innovative UI components and interactions to enhance the digital experience.
/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.
/Front-End-
A comprehensive checklist for modern websites and meticulous front-end developers, helping to ensure quality and consistency in their projects.
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.
Unleash your creativity with out-of-this-world web design inspiration from across the digital cosmos. Discover premium website templates and innovative design concepts to fuel your ambitious projects.
showcases
/vant
A lightweight, customizable Vue UI library for building mobile web apps. Vant provides a comprehensive set of UI components that enable developers to create beautiful and responsive user interfaces with ease.
/Space+Grot
Space Grotesk is a proportional sans-serif typeface variant based on Colophon Foundry's fixed-width Space Mono family. Designed by Florian Karsten, this versatile font brings a balanced and modern aesthetic to digital and print projects.
/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.
/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.
/relaate
License Relaate and more in-progress typefaces on Future Fonts, unlocking the next generation of typography for your designs.
/ra
Ra is a peculiar and classical typeface that blends calligraphic origins with a mechanical aesthetic. The disrupted countershapes, sharp straight shapes, and curved yet sharp serifs create a condensed display typography with a balance of history and modernity.
Design Resources is a comprehensive design gallery showcasing the ultimate collection of digital design resources, including tools, templates, inspiration, and more to elevate your design workflow.
/digestive
Digestive is a unique typeface that blends Art Nouveau and Gothic architectural influences with organic, anatomical forms. Inspired by seaweed, organs, and pasta, this typeface strikes a balance between the attractive and the repulsive, resulting in a font with a striking and unconventional elegance.
/lavishe
Lavishe is a dedication that was polished to fill in the Vietnamese's type library, which doesn't have many glyphic/incised choices or uses. It blends traditional details from the Roman, carved letters into a contemporary touch. Along with the flourish serif, the lowercase terminal was distinctively curved to give a calm, organic texture.
/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.
/Public+San
Based on Libre Franklin, Public Sans is a strong, neutral typeface designed for use in interfaces, text, and headings. Developed by the United States Web Design System, it provides a clean, versatile typographic solution.
/Archivo
Archivo is a grotesque sans serif typeface family originally designed for highlights and headlines. This family is reminiscent of late nineteenth century American typefaces.
/phantom-sa
Phantom Sans is a geometric sans-serif font that aims to infuse warmth and originality into the crowded typographic genre. With larger-than-usual dots, it enhances readability, especially on screens, while retaining the classic Futura-like aesthetic. Designed over two years, Phantom Sans offers a unique take on the geometric sans style.
A comprehensive directory of open-source and premium themes, templates, starters, and UI kits for the Jamstack, empowering developers to build lightning-fast websites and web applications with a modern tech stack.
/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.
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-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.
/backout
BackOut is a collection of libre, open-source typefaces designed to be accessible and usable by everyone. It provides a range of high-quality font options that can be freely used, modified, and distributed without restrictions.
Variant Vault is a collection of Framer Motion variants for your next project. All free to use and open source, helping you get started quickly with interactive animations for your designs.
/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.
/button
Elevate your design with a collection of sleek, minimalist button components inspired by the neobrutalism aesthetic. Easily integrate these powerful UI elements into your next project to create an impactful visual experience.
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.
The first open-source font foundry, your source for learning how to use and make type, and level up your skills as a designer.
Openverse is a search engine that provides access to over 700 million free and openly licensed images, photos, audio, and other media types, empowering creators to freely reuse and remix this vast catalog of creative works.
stock
/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+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.
/8-react-ap
A guide to 8 powerful solutions for quickly deploying and hosting your React applications, including Firebase, GitHub Pages, Netlify, Heroku, and more.
A digital design agency that helps clients elevate their digital experiences with strategic, visually-stunning design solutions.
Daniel Sun - Your partner in digital design, helping you create empathetic visual styles and grow your business through thoughtful, high-quality design work.
/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.
Collection of Typescript React components for Next.js, built using Tailwind CSS and shadcn/ui. Created by Bridger Tower to streamline your front-end development workflow.
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-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.
/dune-30-gr
Dune is a set of 30 wavy gradient backgrounds, highly suitable for branding, social media, web design, posters, stationery, packaging, desktop wallpaper, and more. Elevate your designs with these captivating gradient effects.
/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.
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-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-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.
/fonts
A new way to license typefaces while they are still in progress, giving you early access to the latest font creations.
/gradient-b
A versatile set of 70 gradient blend objects ranging from logos to quirky design elements, perfect for branding, websites, apps, and more.
/family
Family is an everyday typeface based on Clearface—originally designed by father and son, Morris Fuller and Linn Boyd Benton. As an extension of its lineage, Family keeps Clearface's easy-going curves and idiosyncrasies, while updating it for modern use.
/brockmann
An independent digital typeface foundry and graphic design studio, creating high-quality typefaces and design solutions for a global clientele.
Learn how to build modern user interfaces for the web, covering advanced UI components, data fetching, animation, and more. Become a Tailwind and Remix expert to ship impressive web apps.