All

Creative Coding Endeavors

CCJC

My(Joel Castillo) Personal collection for creative coding endeavors. (you're here right now 🧐) -> This card takes you to my github

Discover

Producthunt com

The place to launch and discover new tech product

Discover

Free Sets

A repository of free design assets.

Discover

INDIE IDEAS

Curated list of indie hacker project ideas.

Learning

HTML Hell - Tips

Best practices and tips for cleaner HTML/CSS.

Learning

Interactive Guide to CSS Grid

An interactive tutorial for learning CSS Grid.

Learning

58 Rules for UI Design

Guidelines for effective UI design.

Learning

Design Patterns in TypeScript

Learn design patterns with TypeScript examples.

Learning

Refactoring Guru

Graphic Guides on Design Patterns

Learning

Learn Git Branching

Interactive Git tutorials.

Learning

Coding Games

Interactive tutorials

Learning

Patterns dev

Learn code architectural Patterns

Learning

ROADMAP SH

Community effort to create roadmaps for various tech careers.

Design Inspiration

Midudev Proyectos 2024

Project inspirations for 2024.

Design Inspiration

SHOTS SO

Discover and share design inspirations.

Design Inspiration

bg ibelick

Background design inspirations.

Design Inspiration

ui ibelick

UI design inspirations.

Design Inspiration

buttons ibelick

Button UI design inspiration

Design Inspiration

Layout by Brad Woods

Layout inspirations for web design.

Design Inspiration

Design Systems Directory

A directory of design systems and related resources.

Design Inspiration

Land Book

** A curated gallery of the best landing page designs for inspiration and showcasing creative web design.

Design Inspiration

dark design

** A resource for finding and exploring dark-themed web designs and UI components.

Design Inspiration

Navbar Gallery

** A collection of beautiful and functional navigation bar designs for inspiration and design ideas.

Design Inspiration

Footer Design

** A gallery showcasing creative and innovative footer designs from various websites.

Design Inspiration

Startup Websites

** A curated collection of startup website designs to inspire entrepreneurs and web designers.

Design Inspiration

Interface in Game

** A collection of video game user interface (UI) designs for inspiration and analysis.

Design Inspiration

Dark Mode Design

** A showcase of websites and applications that feature dark mode designs, highlighting aesthetic and functional uses.

Design Inspiration

Email Love

** A platform that showcases beautiful email designs and templates for inspiration and guidance.

Design Inspiration

BentoGrids

A collection of pages using beautiful bento grids

Design Inspiration

Landing Gallery

a landing page collection

Design Inspiration

One Page Love

Inspiration for single-page website designs.

Design Inspiration

Relume

A library of wireframes for web design.

Design Inspiration

Call to Inspiration

A resource for design inspiration.

Design Inspiration

SAME ENERGY

Visual search engine for finding images with similar vibes.

Design Inspiration

COSMOS SO

An image discovery engine, alternative to Pinterest.

Design Inspiration

REACT BITS

Hand-picked animated components collection for creative developers

Web Tools

Magic UI

A design tool for creating UI elements.

Web Tools

Cool Contrast

Tool for improving color contrast.

Web Tools

Responsively app

A tool for responsive web design testing.

Web Tools

Autoanimate Form kit

create beautiful animations

Web Tools

Park-UI com

Ready-to-use UI components.

Web Tools

Omatsuri app

A collection of web tools for frontend developers.

Web Tools

React-Hook-Form-Builder

A tool for creating ready react-hook-form Forms

Web Tools

Squoosh

** A web-based image compression tool that allows users to reduce the size of images without sacrificing quality.

Web Tools

DrawKit

** A resource offering high-quality, customizable illustrations and vector graphics for personal and commercial use.

Web Tools

Storytale

** A platform offering a collection of vector illustrations for creative projects, with various styles and themes.

Web Tools

Blush

** A design tool that allows users to create custom illustrations by mixing and matching different elements.

Web Tools

PythonTutor

Visual code execution tool.

Web Tools

IDE onelang io

Online IDE for multiple programming languages.

Web Tools

COLOR MAGIC

Adobe’s color wheel and scheme generator.

Web Tools

TINTS DEV

Generate color variations and palettes.

Web Tools

COLORSUI

Color schemes for UI design.

Web Tools

REALTIME COLORS

Visualize color combinations in real-time.

Web Tools

FLAT UI COLORS

Handpicked colors for flat design.

Web Tools

LOGOSHAPER

AI-powered logo design tool.

Web Tools

POSTGRES NEW

Use AI to quickly design a new postgres database.

Web Tools

MOTION PRIMITIVES

Library of motion design primitives.

Web Tools

KITTL

Online graphic design tool.

Web Tools

AI ICON GENERATOR

Generate unique icons using AI.

Web Tools

NPM Packages

Web Tools

Swapy

Convert any layout into drag n drop

Visualization Tools

Tremor so

A tool for visualizing metrics and data.

Visualization Tools

Visualgo net

A platform for visualizing data structures and algorithms.

Productivity Tools

Goblin Tools - Magic Todo

Task management tool.

Productivity Tools

Explorer Global Engineer

Resource Collections for professionals in engineering, design, or development fields.

Productivity Tools

Phind

AI Powered Search platform.

Productivity Tools

Script Kit

Automation tool for developers.

Productivity Tools

Excalidraw

Online whiteboard for sketching hand-drawn diagrams.

Productivity Tools

DevDocs io

An API documentation browser.

Productivity Tools

Lemon Squeezy Wedges

A tool for managing e-commerce and digital products.

Productivity Tools

CARBON

Create and share beautiful images of your source code.

Productivity Tools

APPFLOWY

AI collaborative workspace, open source and an alternative to Notion.

Productivity Tools

PLANE

Open source project management tool, alternative to Jira.

Productivity Tools

ARE NA

A platform for connecting ideas and building knowledge.

Typography

Fontpair co

Helps pair Google Fonts.

Typography

Freefaces gallery

Curated free typefaces.

Typography

Fontsource

A platform for open-source fonts.

Typography

Fontjoy

Generate font pairings easily

Typography

PROGRAMMING FONTS

Find your ideal programming font.

Typography

CALLIGRAPHR

Create fonts from your own handwriting.

Iconography

Icons by Ray so

Create and customize icons.

Iconography

Lucide dev

Open-source icons library.

Iconography

Iconoir com

Free icon library

Iconography

Yesicon app

a free collection of icons

Iconography

Chromicons

A library of customizable icons.

Iconography

Icones

A repository of icons for use in web projects.

Iconography

CSS gg

A collection of CSS icons.

Deployment

Railway

A platform for developers to deploy and host their applications easily, offering a simple infrastructure as a service.

Deployment

DIGITALOCEAN

$200 credit for new users, automatic backups and snapshots.

Deployment

ELEST IO

Cloud platform for deploying web applications.

Deployment

COOLIFY

Self-hostable Heroku & Netlify alternative.