A directory of Nextjs Dev Tools tools and resources
github.com/kennetposti...
react_google_login
curated.design
curated_inspiration
pro.cult-ui.com
cult_ui_pro
css-tricks.com/firebas...
firebase_react_auth
buttons.ibelick.com
tailwind_button_collection
klim.co.nz/retail-font...
family_fonts
onepagelove.com
one_page_love
nutsdev.com
nuts_dev
builder.io/content/f9b...
builder_io
cleanmyseo.com
clean_my_seo
avvvatars.com
avvvatars
css-tricks.com/intro-f...
firebase_react_tutorial
gist.github.com/macken...
coverflow_carousel
github.com/youzan/vant
vant
github.com/gitname/rea...
react_gh_pages
github.com/vuejs/vue
vue
github.com/thedaviddia...
front_end_checklist
framermotionexamples.com
framer_motion_examples
shadcn-extension.verce...
carousel
web3templates.notion.s...
tailwind_css_handbook
maximalexpression.noti...
shader_prototyping
platejs.org
plate
components.bridger.to
next_js_components
blog.bitsrc.io/8-react...
react_deployment_solutions
collletttivo.it/typefa...
mazius_display
magicpattern.design
magic_pattern
velvetyne.fr/fonts/ant...
anthony_velvetyne
velvetyne.fr/fonts/le-...
le_murmure
velvetyne.fr/fonts/kar...
karrik
velvetyne.fr/fonts/gulax/
gulax
velvetyne.fr/fonts/jgs...
jgs_font
fonts.google.com/speci...
syne_fonts
velvetyne.fr/fonts/tri...
trickster_velvetyne
velvetyne.fr/fonts/avara/
avara
hypercolor.dev
hypercolor
freesets.vercel.app/icons
icons_freesets
tunera.xyz
tunera_type_foundry
uiverse.io
uiverse
svgdoodles.com
svg_doodles
designresourc.es
design_resources
uiverse.io/patterns
css_tailwind_patterns
space_grotesk
archivo
futurefonts.xyz/teo-tu...
future_fonts
public_sans
work_sans
builtatlightspeed.com
lightspeed_themes
velvetyne.fr/fonts/bac...
backout_velvetyne
velvetyne.fr/fonts/sli...
sligoil_velvetyne
velvetyne.fr/fonts/ter...
terminal_grotesque
uilabs.dev
uilabs
type-department.com/co...
rotonto
neobrutalism-component...
neobrutalism_components
uncut.wtf
uncut_wtf
fontshare.com
fontshare
shapes.framer.website
copy_paste_svg_shapes
grillitype.com/typefac...
gt_walsheim
theleagueofmoveabletyp...
league_of_moveable_type
shape.so/browse
shape
shadergradient.co
shader_gradient
supply.family/shop/squ...
squeezer_backgrounds
velvetyne.fr
velvetyne
crimson_text
danielsun.space
daniel_sun
atipofoundry.com/fonts...
brockmann_atipo
supply.family/shop/dun...
dune_gradients
supply.family/shop/gra...
gradient_blend_noise
csspro.com
css_pro
fontsfree.pro/base-web...
aktiv_grotesk_corp
myfonts.com/collection...
pf_din_text
joshwcomeau.com/css/in...
css_grid_guide
vercel.com/blog/buildi...
next_js_image_gallery
thebookofshaders.com/02/
book_of_shaders
egghead.io/courses/get...
redux_fundamentals
buildui.com
build_ui
advancedframer.com
advanced_framer
blog.daftcode.pl/bugs-...
bugs_in_production
A comprehensive SEO tool that helps websites improve their search engine visibility through efficient optimization and cleaning techniques.
0
developer_tools
A React component that simplifies Google login integration, enabling developers to quickly add secure authentication to their web applications with minimal setup.
component_libraries
A comprehensive collection of meticulously selected websites and design patterns that showcase inspiring and innovative design approaches from around the web.
design_tools
A premium collection of full-stack Shadcn UI components and templates for Next.js, offering ready-to-use, animated, and enterprise-grade design elements that accelerate development and simplify complex project setups.
A comprehensive tutorial on implementing user authentication in a React application using Firebase, enabling secure login, user management, and protected content access for web applications.
frontend_frameworks
A comprehensive collection of ready-to-use Tailwind CSS button designs that can be easily integrated into web projects with a simple copy-paste mechanism, eliminating the need for complex JavaScript.
A contemporary revival of Clearface typeface that preserves its original character while adapting to modern design needs, bridging typographic heritage with current aesthetic sensibilities.
typography
A curated gallery showcasing the best one-page website designs, templates, and resources for web designers seeking inspiration and creative solutions.
A digital design agency specializing in creating impressive websites and mobile apps that transform online browsing and shopping experiences. NutsDev offers full-stack expertise with a focus on unique, customized solutions and exceptional customer service.
design_systems
An innovative platform that empowers development teams to generate, iterate, and optimize web and mobile experiences rapidly using AI-driven visual development tools.
A high-contrast serif typeface with old-style proportions and a strong calligraphic character, featuring two unique italics for creating sleek, dynamic headlines.
An interactive, comprehensive tutorial that breaks down CSS Grid's complexities, helping developers build a deep understanding of layout techniques and grid-based design principles.
A comprehensive design tool that generates beautiful SVG, CSS patterns, gradients, and organic shapes for branding, social media, and creative projects with 20+ versatile tools.
A comprehensive libre typeface collection offering high-quality, free fonts for designers, creatives, and typography enthusiasts across various writing systems and styles.
A libre typeface collection offering open-source fonts for designers, creators, and typography enthusiasts, promoting accessibility and creative freedom.
A libre typeface collection offering high-quality, open-source fonts for designers and creative professionals, enabling unrestricted typographic expression.
A libre typeface collection offering high-quality, free fonts for designers and creatives seeking diverse and accessible typography solutions.
A libre typeface collection offering open-source fonts for designers, developers, and creative professionals seeking high-quality, freely usable typography.
A distinctive typeface family originally created for the Art Center Synesthésie, offering unique and expressive typographic design rooted in Parisian artistic culture.
A comprehensive libre typeface collection offering designers and creatives a wide range of free, high-quality fonts across various styles and writing systems.
A libre typeface collection offering free, high-quality fonts for designers and typographers, enabling creative expression without licensing constraints.
An open-source React UI avatar library that generates unique, personalized placeholder avatars for your web projects, enhancing user interface design with minimal effort.
A comprehensive collection of beautiful, ready-to-use Tailwind CSS gradients that allows designers and developers to easily implement stunning color transitions across their web projects.
A comprehensive collection of free icon sets from multiple sources, offering designers and developers a wide range of high-quality SVG and icon resources for various design projects.
icons_graphics
A specialized type foundry showcasing a diverse collection of unique, artistically crafted typefaces and fonts designed by talented type designers.
A comprehensive tutorial on building high-performance, animated image galleries using Next.js and Cloudinary, focusing on optimal UX, image rendering, and advanced web development techniques.
A comprehensive, beginner-friendly tutorial series that guides learners through the intricate world of fragment shaders, breaking down complex graphics programming concepts step by step.
tutorials
A comprehensive community-driven library of free, customizable UI elements across multiple frameworks like HTML, CSS, Tailwind, and React. Save development time by accessing pre-built, easily copyable UI components.
A comprehensive tutorial guiding developers through building a web application using Firebase and React, covering key concepts from database setup to state management and data interactions.
A curated collection of free, customizable SVG doodles and icons that can be easily integrated into websites, apps, slides, and print materials to enhance visual design.
A sleek, customizable carousel component built with React, Tailwind CSS, and Framer Motion, offering dynamic and visually appealing navigation for web applications.
A lightweight and customizable Vue UI library specifically designed for creating responsive mobile web applications with ease and flexibility.
A comprehensive tutorial and guide for deploying React applications created with create-react-app to GitHub Pages, providing step-by-step instructions for easy web hosting.
A comprehensive tutorial by Redux creator Dan Abramov, teaching developers how to effectively manage state in React applications using Redux.
An innovative JavaScript framework for building user interfaces with a focus on simplicity, performance, and flexibility. Enables developers to create dynamic and reactive web applications with ease.
A comprehensive gallery showcasing the best design resources, tools, websites, and inspiration for digital designers across various platforms and disciplines.
A comprehensive checklist for front-end developers to ensure best practices, performance, and quality across HTML, CSS, JavaScript, security, accessibility, and SEO domains.
documentation
A comprehensive collection of CSS and Tailwind design patterns to streamline web development and UI creation. Provides reusable styling solutions for efficient and consistent design workflows.
A versatile proportional sans-serif typeface derived from Space Mono, offering clean and contemporary typographic design for digital and print applications.
A versatile sans serif typeface family inspired by late 19th-century American typography, designed for impactful headlines and creative design applications.
A unique platform for licensing cutting-edge, in-progress typefaces created by designer Teo Tuominen, offering designers access to innovative and emerging font designs.
A strong, neutral typeface developed by the US Web Design System, designed for clear and versatile use across interfaces, text, and headings.
A flexible typeface family inspired by early Grotesque styles, offering a range of weights and modern design sensibilities for digital and print typography.
A comprehensive marketplace offering 4000+ premium and open-source themes, templates, and UI kits for modern web development stacks like Jamstack, catering to designers and developers.
A comprehensive collection of over 400 Framer and Framer Motion example projects, providing developers and designers with versatile animation templates across multiple formats.
A comprehensive library of libre typefaces offering designers and creators free, high-quality fonts across various styles and writing systems.
A comprehensive libre font collection offering diverse typefaces for designers, creatives, and typography enthusiasts looking to access high-quality, free typography resources.
A versatile libre typeface collection offering unique, open-source fonts for designers and creatives seeking distinctive typography options.
An experimental design laboratory offering a comprehensive suite of innovative UI components, including popover actions, toolbars, widgets, and animated interfaces that enhance user experience and engagement.
A variable typeface that masterfully blends rigid square counters with rounded outlines, drawing inspiration from grotesque typography to provide versatile and distinctive design possibilities.
A comprehensive learning platform for developers to build modern user interfaces, offering in-depth courses on cutting-edge web technologies and frontend development techniques.
A comprehensive collection of neobrutalism-styled UI components inspired by shadcn/ui, enabling designers and developers to quickly create bold, modern web interfaces.
A flexible and feature-rich carousel component for web applications, supporting advanced navigation, accessibility, and customizable interactions across different frameworks.
A comprehensive free typeface catalogue showcasing 163 contemporary fonts across various styles including sans serif, serif, monospace, and display typefaces.
A free fonts service by Indian Type Foundry that provides high-quality typefaces accessible to designers, creatives, and professionals worldwide.
A comprehensive learning resource for developers to understand and implement Tailwind CSS, providing in-depth guidance on utility-first CSS framework techniques and best practices.
An advanced learning platform that empowers designers to build complex, custom ideas in Framer without traditional coding, bridging the gap between no-code tools and sophisticated design implementation.
A curated collection of ready-to-use SVG shapes designed for seamless integration into design projects, specifically optimized for Framer.
visual_assets
A precision-crafted typeface inspired by 1930s Swiss design, offering a friendly yet meticulous typographic solution with comprehensive Cyrillic language support.
A pioneering open-source font foundry that empowers designers to learn, create, and explore innovative typography while navigating font licensing complexities.
A focused learning resource that provides a comprehensive two-hour class on establishing an efficient shader workflow, empowering developers and designers to quickly start creating and maintaining creative momentum in graphics programming.
A versatile design tool that allows customization of static and animated icons and illustrations, with seamless export options for React, SVG, and Lottie code.
A powerful design tool that creates dynamic, moving gradients for Framer, Figma, and React, enabling designers to craft vibrant and interactive visual experiences.
A comprehensive platform offering access to over 800 million freely licensed media resources, enabling creators to discover, reuse, and remix images, audio, and other creative works.
stock_media
A comprehensive collection of 36 vibrant abstract backgrounds with customizable colors, including AI files, PNG textures, and paper textures to enhance creative projects.
A comprehensive collection of libre typefaces offering designers and creatives free, high-quality fonts for unlimited artistic expression and professional projects.
A sophisticated font family designed for book production, inspired by classic oldstyle typefaces with refined aesthetic and readability for professional typography.
A top-tier design partner specializing in creating compelling brand and product websites for SaaS and Web3 startups, trusted by Y-Combinator founders to deliver exceptional digital experiences.
An independent digital typeface foundry and graphic design studio creating innovative and distinctive typographic solutions for creative professionals.
An open-source toolkit with customizable plugins and components for creating powerful, feature-rich text editors with collaborative and AI-powered editing capabilities.
A curated collection of 30 high-quality gradient backgrounds featuring silk, noise, and rough textures, ideal for branding, social media, and web design projects.
A comprehensive collection of 70 versatile gradient blend objects designed to enhance creative projects across logos, apparel, and graphic design. Unlock new levels of visual creativity with unique noise-infused gradient elements.
A universal browser extension that enables instant visual CSS editing on any website, generating code automatically and streamlining the design process with zero setup required.
A comprehensive collection of TypeScript React components for Next.js, built with Tailwind and shadcn/ui, designed to accelerate web development and improve UI consistency.
A versatile corporate font family designed for web and design applications, offering multiple styles for professional graphic and digital design needs.
A professional font family based on the DIN 1451 standard, offering versatile licensing options for web, desktop, and mobile applications with exceptional readability and design flexibility.
A comprehensive guide exploring 8 top hosting and deployment solutions for React applications in 2019, helping developers streamline their cloud deployment strategies.
A comprehensive blog post exploring the most common and critical bugs encountered in web development, providing insights for developers and testers to improve software quality and prevent production issues.
