Resources
UI Kit
Free resources, interface kits, and useful starter assets
OFFICIAL BRAND ASSETScodeshamzah Logo Mark & Animated Asset Kit
Official vector logo mark (SVG) featuring code brackets, quantum node core, and dynamic tab animation triggers. Free for brand usage & press.
codeshamzah
Vector SVG & React Component Specs Figma FileLo-Fi Web Wireframe Set
50+ low-fidelity wireframe blocks for rapid website prototyping.
Figma FileMobile Wireframe Starter
Essential mobile screen wireframes covering onboarding, feeds, and settings.
Figma FileDashboard Wireframe Pack
Wireframe components for analytics dashboards and admin panels.
Figma FileHero Section Collection
12 hero layout variations with image, split, and centered compositions.
Figma FileFeature Grid Blocks
Responsive feature sections with icon, image, and text-only variants.
Figma FileTestimonial & Social Proof
Quote cards, logo strips, and rating blocks for building trust.
Figma FilePricing Table Layouts
Clean pricing comparison tables with toggle and highlight states.
Figma FileChart & Data Card Kit
Bar, line, pie charts and stat cards ready for dashboard layouts.
Figma FileSidebar Navigation Set
Collapsible sidebar patterns with icons, groups, and active states.
Figma FileData Table Starter
Sortable table components with pagination, filters, and row actions.
Figma FileTab Bar & Navigation
Bottom tab bars, top navigation, and drawer menu patterns for iOS and Android.
Figma FileOnboarding Flow Screens
Welcome, feature highlight, and permission screens for first-time users.
Figma FileCard & List Patterns
Product cards, article lists, and content feed layouts for mobile apps.
Figma FileType Scale System
Pre-configured type scales using 4px grid with heading and body styles.
PDF GuideFont Pairing Guide
10 curated font pairings with usage examples and download links.
Figma FileResponsive Typography Kit
Fluid type system with breakpoint-aware sizing for web projects.
Design System Foundations Design System Foundations
Figma FileColor System Starter
Semantic color tokens with light and dark mode support built in.
Figma FileSpacing & Grid Tokens
4px and 8px spacing scale with grid overlay components.
Figma FileIcon Style Guide
Guidelines and starter set for consistent icon design across products.
PDF GuideComponent Anatomy Sheet
Visual breakdown of button, input, card, and modal component structures.
Figma FilePortfolio Case Study Template
Structured case study layout with problem, process, and outcome sections.
Figma FileDesign Proposal Deck
Clean presentation template for pitching design projects to clients.
Figma FileStyle Guide Template
Ready-to-fill brand style guide with typography, color, and component pages.
