Zein Khalid

AI-First Software Developer

Resources

The tools and references I rely on while designing and building.

Design

FigmaInterface design, prototyping and design systemsFramerInteractive sites and quick prototypes

Front-end

Next.jsReact framework for production sitesReactComponent-based UI libraryTypeScriptTyped JavaScriptTailwind CSSUtility-first styling

UI libraries

shadcn/uiAccessible, copy-and-own componentsRadix UIUnstyled, accessible UI primitivesMagic UIAnimated components for landing pagesAceternity UIEye-catching animated components21st.devCommunity library of React UI componentsMotionAnimation library for React

Icons, fonts & assets

LucideClean, consistent open-source iconsGoogle FontsFree web fontsUnsplashFree high-quality photos

Back-end & data

Node.jsJavaScript runtimeExpressMinimal web framework for NodeMongoDBDocument databasePayload CMSHeadless CMS with REST APIsPostmanTesting and documenting APIs

Workflow & deployment

GitHubVersion control and collaborationVercelHosting and deploymentsVisual Studio CodeMain code editorLighthousePerformance, accessibility and SEO audits

AI

ClaudeAI assistant and coding partnerChatGPTAI assistant for brainstorming and draftingGeminiGoogle's AI assistantv0Generate UI components with AIHugging FaceOpen models, datasets and demos