{"id":769,"date":"2021-04-16T12:48:04","date_gmt":"2021-04-16T12:48:04","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/digital-agency\/?p=769"},"modified":"2021-04-16T12:48:04","modified_gmt":"2021-04-16T12:48:04","slug":"behind-the-scenes-of-creating-a-ui-kit","status":"publish","type":"post","link":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","title":{"rendered":"Behind the scenes of creating a UI kit"},"content":{"rendered":"<p>[fusion_builder_container type=&#8221;flex&#8221; hundred_percent=&#8221;no&#8221; equal_height_columns=&#8221;no&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; background_position=&#8221;center center&#8221; background_repeat=&#8221;no-repeat&#8221; fade=&#8221;no&#8221; background_parallax=&#8221;none&#8221; parallax_speed=&#8221;0.3&#8243; video_aspect_ratio=&#8221;16:9&#8243; video_loop=&#8221;yes&#8221; video_mute=&#8221;yes&#8221; border_style=&#8221;solid&#8221; admin_label=&#8221;Post Content&#8221; admin_toggled=&#8221;yes&#8221;][fusion_builder_row][fusion_builder_column type=&#8221;1_1&#8243; type=&#8221;1_1&#8243; layout=&#8221;1_1&#8243; background_position=&#8221;left top&#8221; background_color=&#8221;&#8221; border_color=&#8221;&#8221; border_style=&#8221;solid&#8221; border_position=&#8221;all&#8221; spacing=&#8221;yes&#8221; background_image=&#8221;&#8221; background_repeat=&#8221;no-repeat&#8221; padding_top=&#8221;&#8221; padding_right=&#8221;&#8221; padding_bottom=&#8221;&#8221; padding_left=&#8221;&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;0px&#8221; class=&#8221;&#8221; id=&#8221;&#8221; animation_type=&#8221;&#8221; animation_speed=&#8221;0.3&#8243; animation_direction=&#8221;left&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; center_content=&#8221;no&#8221; last=&#8221;true&#8221; min_height=&#8221;&#8221; hover_type=&#8221;none&#8221; link=&#8221;&#8221; border_sizes_top=&#8221;&#8221; border_sizes_bottom=&#8221;&#8221; border_sizes_left=&#8221;&#8221; border_sizes_right=&#8221;&#8221; first=&#8221;true&#8221;][fusion_title title_type=&#8221;text&#8221; rotation_effect=&#8221;bounceIn&#8221; display_time=&#8221;1200&#8243; highlight_effect=&#8221;circle&#8221; loop_animation=&#8221;off&#8221; highlight_width=&#8221;9&#8243; highlight_top_margin=&#8221;0&#8243; before_text=&#8221;&#8221; rotation_text=&#8221;&#8221; highlight_text=&#8221;&#8221; after_text=&#8221;&#8221; title_link=&#8221;off&#8221; link_url=&#8221;&#8221; link_target=&#8221;_self&#8221; content_align_medium=&#8221;&#8221; content_align_small=&#8221;&#8221; content_align=&#8221;left&#8221; size=&#8221;2&#8243; font_size=&#8221;&#8221; animated_font_size=&#8221;&#8221; line_height=&#8221;&#8221; letter_spacing=&#8221;&#8221; text_shadow=&#8221;no&#8221; text_shadow_blur=&#8221;0&#8243; text_shadow_color=&#8221;&#8221; dimensions_medium=&#8221;&#8221; dimensions_small=&#8221;&#8221; text_color=&#8221;&#8221; animated_text_color=&#8221;&#8221; highlight_color=&#8221;&#8221; style_type=&#8221;default&#8221; sep_color=&#8221;&#8221; link_color=&#8221;&#8221; link_hover_color=&#8221;&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; fusion_font_variant_title_font=&#8221;&#8221; margin_bottom=&#8221;30px&#8221;]<\/p>\n<p>Pellentesque in ipsum id orci.<\/p>\n<p>[\/fusion_title][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_imageframe image_id=&#8221;567|full&#8221; max_width=&#8221;&#8221; sticky_max_width=&#8221;&#8221; skip_lazy_load=&#8221;&#8221; style_type=&#8221;&#8221; blur=&#8221;&#8221; stylecolor=&#8221;&#8221; hover_type=&#8221;none&#8221; bordersize=&#8221;&#8221; bordercolor=&#8221;&#8221; borderradius=&#8221;&#8221; align_medium=&#8221;none&#8221; align_small=&#8221;none&#8221; align=&#8221;none&#8221; lightbox=&#8221;no&#8221; gallery_id=&#8221;&#8221; lightbox_image=&#8221;&#8221; lightbox_image_id=&#8221;&#8221; alt=&#8221;&#8221; link=&#8221;&#8221; linktarget=&#8221;_self&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; filter_hue=&#8221;0&#8243; filter_saturation=&#8221;100&#8243; filter_brightness=&#8221;100&#8243; filter_contrast=&#8221;100&#8243; filter_invert=&#8221;0&#8243; filter_sepia=&#8221;0&#8243; filter_opacity=&#8221;100&#8243; filter_blur=&#8221;0&#8243; filter_hue_hover=&#8221;0&#8243; filter_saturation_hover=&#8221;100&#8243; filter_brightness_hover=&#8221;100&#8243; filter_contrast_hover=&#8221;100&#8243; filter_invert_hover=&#8221;0&#8243; filter_sepia_hover=&#8221;0&#8243; filter_opacity_hover=&#8221;100&#8243; filter_blur_hover=&#8221;0&#8243; margin_bottom=&#8221;70px&#8221;]https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2021\/04\/portfolio-9.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_title title_type=&#8221;text&#8221; rotation_effect=&#8221;bounceIn&#8221; display_time=&#8221;1200&#8243; highlight_effect=&#8221;circle&#8221; loop_animation=&#8221;off&#8221; highlight_width=&#8221;9&#8243; highlight_top_margin=&#8221;0&#8243; before_text=&#8221;&#8221; rotation_text=&#8221;&#8221; highlight_text=&#8221;&#8221; after_text=&#8221;&#8221; title_link=&#8221;off&#8221; link_url=&#8221;&#8221; link_target=&#8221;_self&#8221; content_align_medium=&#8221;&#8221; content_align_small=&#8221;&#8221; content_align=&#8221;left&#8221; size=&#8221;2&#8243; font_size=&#8221;&#8221; animated_font_size=&#8221;&#8221; line_height=&#8221;&#8221; letter_spacing=&#8221;&#8221; text_shadow=&#8221;no&#8221; text_shadow_blur=&#8221;0&#8243; text_shadow_color=&#8221;&#8221; dimensions_medium=&#8221;&#8221; dimensions_small=&#8221;&#8221; text_color=&#8221;&#8221; animated_text_color=&#8221;&#8221; highlight_color=&#8221;&#8221; style_type=&#8221;default&#8221; sep_color=&#8221;&#8221; link_color=&#8221;&#8221; link_hover_color=&#8221;&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; fusion_font_variant_title_font=&#8221;&#8221; margin_bottom=&#8221;30px&#8221;]Vivamus suscipit tortor eget.[\/fusion_title][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_imageframe image_id=&#8221;299|full&#8221; max_width=&#8221;&#8221; sticky_max_width=&#8221;&#8221; skip_lazy_load=&#8221;&#8221; style_type=&#8221;&#8221; blur=&#8221;&#8221; stylecolor=&#8221;&#8221; hover_type=&#8221;none&#8221; bordersize=&#8221;&#8221; bordercolor=&#8221;&#8221; borderradius=&#8221;&#8221; align_medium=&#8221;none&#8221; align_small=&#8221;none&#8221; align=&#8221;none&#8221; lightbox=&#8221;no&#8221; gallery_id=&#8221;&#8221; lightbox_image=&#8221;&#8221; lightbox_image_id=&#8221;&#8221; alt=&#8221;&#8221; link=&#8221;&#8221; linktarget=&#8221;_self&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; filter_hue=&#8221;0&#8243; filter_saturation=&#8221;100&#8243; filter_brightness=&#8221;100&#8243; filter_contrast=&#8221;100&#8243; filter_invert=&#8221;0&#8243; filter_sepia=&#8221;0&#8243; filter_opacity=&#8221;100&#8243; filter_blur=&#8221;0&#8243; filter_hue_hover=&#8221;0&#8243; filter_saturation_hover=&#8221;100&#8243; filter_brightness_hover=&#8221;100&#8243; filter_contrast_hover=&#8221;100&#8243; filter_invert_hover=&#8221;0&#8243; filter_sepia_hover=&#8221;0&#8243; filter_opacity_hover=&#8221;100&#8243; filter_blur_hover=&#8221;0&#8243; margin_bottom=&#8221;70px&#8221;]https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2021\/04\/product-2.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.<\/p>\n","protected":false},"author":1,"featured_media":219,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,29],"tags":[],"class_list":["post-769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-tips-tricks"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Behind the scenes of creating a UI kit - Boxinall Blogs &amp; Casestudies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Behind the scenes of creating a UI kit - Boxinall Blogs &amp; Casestudies\" \/>\n<meta property=\"og:description\" content=\"Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"Boxinall Blogs &amp; Casestudies\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-16T12:48:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\" \/>\n\t<meta property=\"og:image:width\" content=\"881\" \/>\n\t<meta property=\"og:image:height\" content=\"441\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Chirag\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chirag\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\"},\"author\":{\"name\":\"Chirag\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd\"},\"headline\":\"Behind the scenes of creating a UI kit\",\"datePublished\":\"2021-04-16T12:48:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\"},\"wordCount\":878,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"articleSection\":[\"Design\",\"Tips &amp; Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\",\"name\":\"Behind the scenes of creating a UI kit - Boxinall Blogs &amp; Casestudies\",\"isPartOf\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"datePublished\":\"2021-04-16T12:48:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"contentUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"width\":881,\"height\":441},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/boxinallsoftech.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Behind the scenes of creating a UI kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#website\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/\",\"name\":\"Boxinall Softech\",\"description\":\"AI Agents | Automation\",\"publisher\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/boxinallsoftech.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#organization\",\"name\":\"Boxinall Softech\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png\",\"contentUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png\",\"width\":200,\"height\":200,\"caption\":\"Boxinall Softech\"},\"image\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd\",\"name\":\"Chirag\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g\",\"caption\":\"Chirag\"},\"sameAs\":[\"https:\/\/boxinallsoftech.com\/blog\"],\"url\":\"https:\/\/boxinallsoftech.com\/blog\/author\/chirag\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Behind the scenes of creating a UI kit - Boxinall Blogs &amp; Casestudies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","og_locale":"en_US","og_type":"article","og_title":"Behind the scenes of creating a UI kit - Boxinall Blogs &amp; Casestudies","og_description":"Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.","og_url":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","og_site_name":"Boxinall Blogs &amp; Casestudies","article_published_time":"2021-04-16T12:48:04+00:00","og_image":[{"width":881,"height":441,"url":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","type":"image\/png"}],"author":"Chirag","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Chirag","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#article","isPartOf":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/"},"author":{"name":"Chirag","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd"},"headline":"Behind the scenes of creating a UI kit","datePublished":"2021-04-16T12:48:04+00:00","mainEntityOfPage":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/"},"wordCount":878,"commentCount":0,"publisher":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#organization"},"image":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","articleSection":["Design","Tips &amp; Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","url":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","name":"Behind the scenes of creating a UI kit - Boxinall Blogs &amp; Casestudies","isPartOf":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"image":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","datePublished":"2021-04-16T12:48:04+00:00","breadcrumb":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage","url":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","contentUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","width":881,"height":441},{"@type":"BreadcrumbList","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/boxinallsoftech.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Behind the scenes of creating a UI kit"}]},{"@type":"WebSite","@id":"https:\/\/boxinallsoftech.com\/blog\/#website","url":"https:\/\/boxinallsoftech.com\/blog\/","name":"Boxinall Softech","description":"AI Agents | Automation","publisher":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/boxinallsoftech.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/boxinallsoftech.com\/blog\/#organization","name":"Boxinall Softech","url":"https:\/\/boxinallsoftech.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png","contentUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png","width":200,"height":200,"caption":"Boxinall Softech"},"image":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd","name":"Chirag","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g","caption":"Chirag"},"sameAs":["https:\/\/boxinallsoftech.com\/blog"],"url":"https:\/\/boxinallsoftech.com\/blog\/author\/chirag\/"}]}},"_links":{"self":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/posts\/769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/comments?post=769"}],"version-history":[{"count":0,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}