A curated hand-picked collection of hundreds of free resources, tools, and inspirations for developers and creators.
resources.andrsrxn.com is an open-source directory of the best free resources across modern web engineering, product design, SEO, cloud infrastructure, and self-learning I've collected throughout the years.
Built with Astro 7, React 19, and Tailwind CSS v4, this website is designed for speed, instant discoverability, and smooth interactions.
This website is inspired on desengs.com by MAZE, a list of resources for Design Engineers.
- Real-time instant search: Filter through hundreds of resources by title, categories, or tags in real time with URL query state persistence (
?s=...). - Custom Table of Contents (TOC): Sticky TOC with real time active section indicator and clickable list that scrolls to the section.
- Categorized directory: Structured into 5 main categories described below.
- Automated favicon fetcher: Dedicated CLI pipeline that fetches, optimizes, and serves brand favicons locally.
- Astro Islands architecture: Ultra-fast static rendering with client-side hydration only where interactivity is needed (React components).
- Kinetic smooth scroll: Powered by Lenis for a smooth scrolling experience.
- Modern dark aesthetics: Premium sleek dark theme with glassmorphic cards and micro-interactions.
| Category | Highlights and subcategories |
|---|---|
| Development | Inspiration galleries, Component sets, Animated UI components, Single purpose widgets, Charts, Custom Hooks and Utilities, Canvas and SVG Backgrounds |
| Design | Design systems, Typography and Fonts, Free icons and Illustrations, Brand assets, Logo generators, 3D/2D Mockups, Stock Images, Audio, Image and Video editors |
| SEO | Meta tag analyzers, SERP previews, Keyword discovery, Performance audits, OpenGraph testers, Web vitals checkers |
| Services | Cloud hosting, Database providers, Authentication, Analytics, Free tiers, Developer utilities |
| Learning | Interactive tutorials, CS roadmaps, Interactive CSS/JS sandboxes, Guides, Design patterns |
- Framework: Astro (v7) with
@astrojs/react - UI library: React 19
- Styling: Tailwind CSS v4 +
tailwind-animations - State and search: nuqs for URL query state synchronization
- Smooth scroll: Lenis
- Icons set:
@andrsrxn/icons - Linter and formatter: Biome and Prettier
- Package manager: pnpm
This project is licensed under the CC BY-NC 4.0 License — free to share and adapt with attribution, but not for commercial use.