Frontend
lightest.app - visualize web performance against competitors
lightest.appVisualize website speedKey value guide v1
services.google.com
Hello from superplate | superplate
pankod.github.ioDescription will go into a meta tag in
Resource Hint Validator
debugbear.comCheck that dns-prefetch, preconnect, preload, and prefetch browser resource hints are working correctly on your website.
Effortlessly build an impressive resume
standardresume.coMake a good first impression with a professional resume template. Our online resume builder helps you create a resume that impresses hiring managers and recruiters.preconnect resource hint and the crossorigin attribute
crenshaw.dev
Home | The Component Gallery
component.galleryThe Component Gallery is a collection of components from the best Design Systems.
How To Setup Google Ad Manager on Your Blog/Website
hongkiat.comIf you earn revenue from your website or blog, you probably use banner ads. These ads are either updated manually by adding images and URLs into the
Automated site-wide validation for large sites :: Rocket Validator
rocketvalidator.comRocket Validator finds Accessibility and HTML issues in your large sites, in seconds. Get your site scanned by Axe Core and W3C Validator with just one click.
Ray.so - Create beautiful images of your code
ray.soTurn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.
Nx: Smart, Fast and Extensible Build System
nx.devNx is a build system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution.
iShadeed Lab - CSS Container Queries
lab.ishadeed.comDemos and examples for CSS container queries.
Collaborative authoring platform for Markdown, MDX and Markdoc - Motif
motif.landExpert tools and APIs to maintain technical content at scale, powered by AI.
Minimal Carousel with scroll snap, mobile & mouse friendly
dev.toA scrollable carousel in few lines of JS and CSS. You can scroll with your fingers or click and drag....
Carousel (Slide Show or Image Rotator)
w3.orgAccessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).Post Inspector
linkedin.comGet insights into how your content shows up on LinkedIn with Post Inspector.
SEO Tester Online – SEO Analysis Online for your Website
seotesteronline.comSEO Tester Online is the #1 SEO Software Suite that improves your search engine rank with powerful SEO Tools. Test your website with a Free SEO Check-Up.
BrandBird Studio - Easy, fast image editing for founders
brandbird.appCreate in seconds beautiful screenshot mockups and graphics for your website, UI, social media, blog posts, newsletters, and landing pages.Precedent - Building blocks for your Next.js project
precedent.vercel.appPrecedent is the all-in-one solution for your Next.js project. It includes a design system, authentication, analytics, and more.Professional TypeScript Training by Matt Pocock
totaltypescript.comLearn how to use TypeScript to level-up your applications as a web developer through exercise driven self-paced workshops and tutorials hosted by TypeScript wizard Matt Pocock.
(Example) Marketing Advice - TypingMind.com
typingmind.comChat with AI using your API keys. Pay only for what you use. GPT-4, Gemini, Claude, and other LLMs supported. The best chat LLM frontend UI for all AI models.
Twitter Card Validator - TweetPik
tweetpik.comValidate how your website looks like when it is shared in a tweet.zendoblog
zendo.blog
File System Route API | Gatsby
gatsbyjs.comUse the File System Route API when you want to create dynamic pages e.g. to create individual blog post pages for your blog. You should be…
Twitter Card Preview Tool
renderform.ioPreview a Twitter Card Post and see how it will look like if you post it on your Tweeter Feed.TYPE — Free, open-source libraries 🆓 — Are.na
are.na
Fontshare: Quality fonts. Free.
fontshare.comFontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.
Card Validator | Twitter Developers
cards-dev.twitter.comRiju
riju.codes
Avatar generator playground - Boring Avatars
boringavatars.comBoring avatars is an open source React library that generates custom, SVG-based user avatars from any username and color palette.
Component Encyclopedia | Storybook
storybook.js.orgExplore 1000s of components and libraries
Components: Lion
lion-web.netlify.appFundamental white label web components for building your design systemPLAYCODE - Javascript Playground
playcode.io
Mantine UI
ui.mantine.dev120+ prebuilt components with Mantine
Avvvatars - Open Source React UI Avatar Library
avvvatars.comFree React UI Avatars for Your Next Project, get placeholder avatars unique to your user.
All tips | 50 tips on JavaScript
50tips.dev50 of the most interesting features, concepts, and patterns in JavaScript.
Performance Insights | Builder.io
builder.ioEnter your site and test its performance. Understand where your biggest performance wins lie. Create a plan for improvement.
React için daha zor Technical Interview soruları — Bölüm #1
erenkulaksiz.medium.comBasit olan React soruları yerine benim tarafımdan hazırlanmış daha zor sorulara göz atın. Ayrıca kendi bilginizi de test edebilirsiniz.
Introducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel
vercel.comAnnouncing Vercel OG Image Generation, a new library for generating dynamic social card images.
DebugBear - website performance and quality monitoring
debugbear.comMake your website faster and improve user experience. Optimize Core Web Vitals and rank higher in Google. Get alerts when your site is too slow. Free 14-day trial.
Behavioral interviews for Software Engineers: How to prepare | Tech Interview Handbook
techinterviewhandbook.orgHow to prepare for Software Engineer behavioral interviewsgoogle-publisher-tag-react/GooglePublisherTagManager.js at main · hendrarfx/google-publisher-tag-react
github.comThis is a library to implement google publisher tag on react - hendrarfx/google-publisher-tag-react
NextUI - Beautiful, fast and modern React UI Library
nextui.orgMake beautiful websites regardless of your design experience.
Drag and drop page builder and CMS - Builder.io
builder.ioModern HTML gives you some powerful attributes to optimally load images in your sites an apps. Learn them, and use them!
Craft
rauno.meDevouring details. Nourishing novelty. Deploying excellence.
shadcn/ui
ui.shadcn.comBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Meta Tags — Preview, Edit and Generate
metatags.ioWith Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
Clerk | Authentication and User Management
clerk.comThe easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and “The Modern Web”.
Noice - Noice helps generate SVG filters for noise textures.
noice.vercel.appNoice helps generate SVG filters for noise textures.