Craftwork Categories Explained

What we found this week

3D Assets

Whooola! Illustration Kit by LS Graphics in 3D Assets

What it includes

Curated packs of pre-rendered 3D objects, abstract forms, icons, and full scenes prepared at high native resolution. Files are delivered with transparent backgrounds and, where relevant, separate shadow layers for compositing. Many sets provide multiple camera angles and consistent lighting so a series of shots reads as one session. Formats are export-friendly for web graphics and presentations, with color and scale that hold up on large hero areas.

Primary uses

• Hero sections that need depth and a focal object
• Product features where a 3D motif reinforces function or category
• Presentation covers and chapter dividers with consistent lighting and angle
• Social ads that require quick art-direction shifts without re-rendering
• Background elements to add parallax or controlled texture in sections

3D Assets

Illustrations

Creativity Illustrations Art Set by Vectors Market in Illustrations

What it includes
Vector or layered scene builders with coherent stroke, proportion, and palette rules. Libraries typically cover characters, objects, and environments designed to be recolored to brand tokens. Assets are structured to work at UI sizes and article widths without redraws, and ship with scene and object granularity for reuse across pages.

Primary uses

• Onboarding flows and empty states that must explain without heavy copy
• Blog and documentation visuals that carry a consistent style across topics
• Marketing sections where character or object metaphors support benefits
• Social and email banners that need quick color remaps to campaign palettes
• Internal decks that require friendly, non-stock visual language

Illustrations

Framer Templates

SolarFlow by Framer Web Pro in Framer Templates

What it includes
Production-ready websites composed of page types, section variants, responsive grids, and a built-in style guide for color and typography tokens. CMS collections are preconfigured for blogs, portfolios, or case studies. Interactions and animations are tuned for modern motion while keeping edit surfaces simple for non-developers.

Primary uses

• Same-day launches for marketing sites and portfolios
• Rapid A/B experiments by swapping section variants without redesign
• Editorial or case-study publishing through prewired CMS collections
• Multi-page campaigns that must stay consistent across breakpoints
• Temporary product pages that later migrate to a custom stack

Framer Templates

Coded Templates

eCommerce HTML Templatesby Final UI in Coded Templates

What it includes
Hand-coded starters with clean HTML, CSS, and JavaScript or framework setups. Files are componentized with predictable naming and minimal dependencies. Accessibility, focus states, and keyboard paths are included where applicable. Documentation covers build steps, structure, and theming hooks so engineers can extend without rewrites.

Primary uses

• Projects where performance budgets and Lighthouse scores are non-negotiable
• Integration with custom backends, analytics, and CI pipelines
• Long-lived marketing systems that will accumulate pages and variants
• Teams that prefer code review, versioning, and controlled releases
• Re-skinnable microsites that must share a component base

Coded Templates

Figma Templates

Skysoft - SaaS Startup Website Template by Final UI in Figma Templates

What it includes
Ready-to-edit files with Auto Layout, constraints, and grids already tuned. Text and color styles are centralized for relinking to a team library. Libraries include section patterns for hero, features, pricing, testimonials, and blog layouts, plus a starter style guide and example pages to demonstrate rhythm and hierarchy.

Primary uses

• Fast prototyping with real content and predictable resize behavior
• Stakeholder-ready mockups assembled from reusable sections
• Content-first design where copy length changes frequently
• Library seeding for teams beginning a shared component system
• Explorations of layout and typography before committing to code

Figma Templates

UX / UI Kits

Santo - Personal Portfolio Website UI Kit by Dongan Agency in Figma Templates

What it includes
Design tokens for color, typography, spacing, and radius, plus component libraries for inputs, navigation, tables, lists, dialogs, and overlays. Variants and states are encoded with consistent naming so combinations are predictable. Many kits include reference screens for onboarding, settings, billing, dashboards, and error states.

Primary uses

• Building production UI with multiple designers who must ship as one team
• Rapid flow assembly for MVPs without inventing components from scratch
• Establishing design-to-dev contracts where tokens become code variables
• Scaling across web and mobile while keeping patterns and density aligned
• QA and accessibility passes with consistent focus and state behavior

UX / UI Kits

Mockups

Glowing LED Screen Mockup by Pixelbuddha in Mockups

What it includes
Device frames and environment scenes prepared for one-to-one placement. Packs are shot or rendered with consistent lighting, perspective, and lens length across angles. Smart-object layers or displacement maps keep edges crisp and allow quick series exports. Resolution supports large hero images and print when needed.

Primary uses

• Case studies that require multiple angles under the same look
• Product pages and app-store listings with realistic device context
• Sales and investor decks where polish influences perception
• Social and ad units that need repeatable crops and lighting
• Packaging and print previews without studio photography

Mockups

Graphics

Gradients 101 by Clear Supply in Graphics

What it includes
High-resolution backgrounds, textures, gradients, geometric sets, and abstract compositions prepared as raster or vector. Intensity scales from subtle overlays to statement visuals, with tiling or aspect options for different sections. Files are optimized to avoid banding and hold detail on large canvases.

Primary uses

• Hero backgrounds that set mood without distracting from copy
• Section dividers and cards that need depth or contrast without imagery
• Poster and cover art where abstract shapes carry brand identity
• Quick theme shifts for seasonal or campaign-specific landings
• Layered collages in presentations that need a modern visual base

Graphics

Fonts

Degitan by Propertype in Fonts

What it includes
Families for UI and display across serif, sans, grotesk, slab, script, and mono. Many include variable files for performance and fine weight control. OpenType features such as tabular figures, stylistic sets, and proper punctuation are present for data, dashboards, and multilingual work.

Primary uses

• Product UI that must remain readable at small sizes and dense tables
• Marketing typography that needs character without sacrificing clarity
• System-wide tokenization where font roles map to component types
• International sites requiring extended Latin or Cyrillic coverage
• Data-heavy layouts where numeric alignment and symbols matter

Fonts

Icons

Pixel-Perfect Icon Set by aidarmagic in Icons

What it includes
Grid-aligned pictograms in outline and filled styles delivered as SVG. Stroke and corner systems are consistent to prevent visual wobble. Sets include directionals, actions, objects, and status indicators with size targets for common UI scales.

Primary uses

• Navigation and toolbars that rely on quick recognition
• Settings, forms, and dashboards where metaphors must be unambiguous
• Theming through stroke and color tokens tied to a design system
• Dense UIs that need clarity at 16 to 24 pixel sizes
• Documentation where iconography illustrates patterns and states

Icons

Notion Templates

Notion Second Brain 5.0 by olsnotion in Notion Templates

What it includes
Operational databases with relations, rollups, and dashboards. Structures cover content calendars, asset libraries, briefs, CRM, sprints, and personal productivity. Properties are designed for renaming to team language, and views present status by owner, priority, or timeline without manual filtering.

Primary uses

• Studio production where briefs, assets, and deadlines must stay linked
• Content pipelines from ideation to publish with approvals visible
• Lightweight CRM for leads and engagements with client-facing portals
• Personal and team habit tracking that feeds weekly reviews
• Cross-project dashboards for leadership snapshots

Notion Templates

Presentations

Social bundle by Craftwork Studio in Presentations

What it includes
Master slide systems that standardize grid, typography, and spacing across decks. Modular layouts cover cover pages, problem, solution, proof, roadmap, pricing, and call to action. Styles are tuned for readability on screens and projectors, and elements are built for fast duplication and reordering.

Primary uses

• Sales and funding pitches where consistency and speed matter
• Case studies that require repeatable narrative structure
• Internal reviews and strategy docs that must look executive-ready
• Social and portfolio exports that share a unified visual voice
• Template-based reporting for monthly or quarterly updates

Presentations

Tutorials

How to Create a Poster by Malick Art in Tutorials

What it includes
Step-by-step lessons that end in a tangible asset or workflow. Instructions list prerequisites, inputs, and outputs and map directly to common tools. Content is scoped for short sessions to reduce setup overhead and produce publishable results.

Primary uses

• Skill upgrades focused on immediate application in live projects
• Onboarding juniors to team standards through hands-on practice
• Cross-tool workflows that connect design, motion, and automation
• Quick refreshers before tackling adjacent tasks in a new stack
• Structured experiments that seed reusable patterns

Tutorials

Freebies

Luzia — Free Portfolio Template by Qoim in Framer Templates

What it includes
Zero-cost assets drawn from multiple categories with licenses suitable for prototyping and many commercial contexts. Files are trimmed sets of larger products so upgrades keep visual language intact. Items are organized for fast trials without procurement.

Primary uses

• Stakeholder alignment with real materials before purchase
• Rapid prototypes that require credible visuals
• Moodboards and internal proposals that need on-brand references
• Early user tests where final assets are not yet approved
• Budget-constrained projects that still demand quality

Freebies

Made by Craftwork

Social Media Template Vol.01 by Craftwork Studio in Featured

What it includes
Studio-built products maintained by the Craftwork team. These items share design DNA in spacing, typography, and interaction details and are updated to reflect current practice. Documentation and style references shorten onboarding and make mixed setups feel coherent.

Primary uses

• Baselines for teams that want reliability and long-term updates
• Projects that combine several asset types under one visual system
• Fast starts where defaults must be safe for production
• Reference quality when evaluating third-party marketplace items
• Portfolios and case studies that benefit from consistent craft

Made by Craftwork

Pro tips

Framer
Check for section variants, CMS collections, and a style-guide page for tokens to speed brand adaptation and content updates.

Coded templates
Validate the demo with accessibility and performance checks and review component structure to confirm extendability.

Figma templates
Relink text and color styles to your library first and replace fonts globally to prevent fragile overrides.

UI kits
Ensure tokens and variant logic are explicit so teams can assemble screens predictably and handoff cleanly.

Mockups
Choose sets with consistent lighting and angles and export at native scale to keep edges sharp.

3D assets
Prefer transparent PNGs with separate shadows for flexible compositing across backgrounds.

Illustrations and Graphics
Lock one or two brand accent colors and apply them consistently to unify mixed assets.

Fonts
Test families inside real components and confirm OpenType features and language coverage.

Icons
Match stroke weight and corner radius to your components and maintain a single authoritative set.

Notion templates
Rename properties to team language and set core relations and rollups so dashboards answer daily questions.

Pro Access

One subscription makes all products free to download, with ongoing updates and new releases. This keeps a complete, consistent toolkit ready for any brief.