VectorMark UIKit - SDF Extensions for UGUI
TechFusion Game
$8.25
$16.50
50%OFF
(no ratings)
Jump AssetStore
Stop preparing sprite atlases. Create crisp, resolution-independent UI components entirely in code with this SDF vector-based toolkit that works seamlessly with Unity's native UGUI system.VectorMark is dedicated to advancing real-time vector graphics in Unity. Our products combine cutting-edge rendering technology with developer-friendly workflows, enabling teams to create visually stunning interfaces without compromise.With VectorMark UIKit, your UI becomes code—maintainable, flexible, and infinitely scalable. Join the community of developers who have discovered the freedom of true vector-based UI creation.VectorMark UIKit is a comprehensive vector-based UI component library for Unity that eliminates the need for texture atlases, sprite slicing, and resolution-dependent artwork. Built on VectorMark's SDF rendering technology, it enables developers to create crisp, infinitely scalable user interfaces entirely through code, with native UGUI compatibility.IMPORTANT: REQUIRES VECTORMARKVectorMark UIKit requires VectorMark (sold separately) as a dependency. VectorMark provides the core SDF rendering engine and shader infrastructure that powers all UIKit components. Please ensure you have VectorMark installed before importing UIKit.KEY FEATURES✓ ZERO TEXTURE ASSETS — Generate all UI graphics directly through code. No sprite sheets, 9-slicing, or atlases required.✓ INFINITE RESOLUTION — SDF vector rendering maintains perfect clarity on 4K, 8K, and beyond without mipmaps or compression artifacts.✓ NATIVE UGUI INTEGRATION — Extends MaskableGraphic for seamless Canvas, layout groups, event system, and masking compatibility.✓ PRODUCTION-READY COMPONENTS — Complete toolkit including buttons, sliders, toggles, charts, gauges, tab bars, tooltips, and more.✓ DYNAMIC & ANIMATABLE — Modify shapes, colors, and values in real-time through code without re-exporting assets.✓ CONSISTENT VISUAL QUALITY — Smooth anti-aliasing, customizable corner radius, gradients, blend modes, and state transitions out of the box.WHAT'S INCLUDEDVectorMark UIKit provides the following runtime components:UI CONTROLSVMButtonSkin — Full state support with press depth effectsVMSliderSkin — Customizable track, fill, and handle with value displayVMToggleSkin — Checkbox and switch stylesVMDropdownSkin — Styled dropdown with item templatesVMInputFieldSkin — Text input with styled caret and selectionVMScrollbarSkin — Scrollbar with track and handle shapesVMScrollViewSkin — Scroll view with optional styled scrollbarsDATA VISUALIZATIONVMUIProgressBar — Linear progress with fill direction optionsVMGauge — Radial gauge with warning zones and needleVMPieChart — Pie and donut charts with labelsVMRadarChart — Multi-axis radar/spider chartsVMLineGraph — Line charts with multiple series and area fillsLAYOUT & NAVIGATIONVMTabBar — Horizontal tabs with automatic layoutVMTooltip — Popup tooltips with directional arrowsVMNotificationCard — Dismissible notification cardsVMDivider — Horizontal and vertical dividersVMBadge — Count and status badgesVMBorderImage — Decorative border containersFOUNDATIONVMUIWidgetBase — Base class for creating custom vector widgetsVMUIStateColors — State color management systemVMUIFontUtility — Font helper utilitiesAll components support Normal, Highlighted, Pressed, Selected, and Disabled states with smooth transitions.DEPENDENCYREQUIRED: VectorMarkVectorMark UIKit requires VectorMark (available separately on the Asset Store) as a core dependency. VectorMark provides:SDF rendering shaders and materialsVMShapeImage component (base for all UIKit controls)Style profile systemCore rendering utilitiesPlease purchase and install VectorMark before importing UIKit.UNITY VERSION SUPPORTUnity 2022.3 LTS or newerUniversal Render Pipeline (URP) requiredNote: UIKit components are built on Unity's native UGUI system and require a Canvas for rendering.PERFECT FORMulti-platform games shipping to mobile, console, and PCData-heavy applications and dashboardsRapid prototyping without art resourcesDynamic UI that adapts to resolution and themeResolution-independent products for future displaysWHY VECTOR UI?Traditional Unity UI workflows rely on sprite textures, which bring challenges:Blurry results when scaled to non-native resolutionsMultiple texture variants needed for different resolutionsTime-consuming 9-slice configurationLarge file sizes and texture memory usageSlow iteration requiring art tool round-tripsVectorMark UIKit eliminates these issues by rendering UI mathematically using Signed Distance Fields. Graphics are calculated at pixel-perfect precision every frame, remaining crisp at any scale while using minimal memory.WORKFLOW BENEFITSPROTOTYPING PHASECreate polished interfaces immediately without waiting for art assets. Experiment with shapes, colors, and layouts instantly through Inspector or code.PRODUCTION PHASERuntime APIs enable dynamic UI generation and modification. Update charts, progress bars, and visual states programmatically. Maintain consistent quality across all target platforms with a single implementation.MAINTENANCE PHASEUI becomes version-controllable code rather than binary assets. Adjust entire color palettes globally. Add new resolutions without creating new art.DOCUMENTATIONComplete User Manual includedDemo scenes with interactive examplesExample gallery showing different visual themesBuilt on VectorMark SDF rendering engine for crisp, resolution-independent UI components at any zoom levelNative UGUI integration via MaskableGraphic with full Canvas, layout, event system, and masking compatibility20+ production-ready components: Button, Slider, Toggle, Dropdown, InputField, Scrollbar, ScrollView, ProgressBar, Gauge, PieChart, RadarChart, LineGraph, TabBar, Tooltip, NotificationCard, Divider, Badge, BorderImageFive shape families: Rectangle (4 variants), Disc (4 variants), Polygon (4 variants), Path (3 variants), Area (3 variants) — all with corner radius and styling supportComplete state system with Normal, Highlighted, Pressed, Selected, Disabled states and smooth color transitions per component11 blend modes including Opaque, Transparent, Additive, Screen, Multiply, LinearBurn, Darken, Lighten, ColorDodge, ColorBurnGradient support: Linear and Radial fill types with configurable start/end/radiusDash stroke support: Basic, Angled, Round, Chevron types with spacing, offset, and snap modesPoint-source workflow for Path and Area shapes using transforms, children, local points, or VMPointSet assets (64 point limit)Runtime shape modification API for all components: SetShapeType, SetColors, corner radius, and shape-specific parametersZero-allocation steady-state rendering using MaterialPropertyBlock and mesh cachingAutomatic mesh pooling and batching for similar stylesVMUIWidgetBase extensible base class for creating custom vector widgets with automatic RectTransform change detectionVMUIStateColors serializable state color management with fade duration supportRequires VectorMark (SDF shaders, VMShapeImage, Style Profile system) and Universal Render Pipeline (URP)
