Home
Articles
Ant Design
Enterprise‑grade React UI framework with a comprehensive design system
Website
upvote
Design Systems
Component Libraries
Overview
Details
Features
Comparison
Posted October 9, 2025
Topics
ui component design
component ui
design ux
%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EGroup%2028%20Copy%205%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2262.1023273%25%22%20y1%3D%220%25%22%20x2%3D%22108.19718%25%22%20y2%3D%2237.8635764%25%22%20id%3D%22linearGradient-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234285EB%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%232EC7FF%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2269.644116%25%22%20y1%3D%220%25%22%20x2%3D%2254.0428975%25%22%20y2%3D%22108.456714%25%22%20id%3D%22linearGradient-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2329CDFF%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23148EFF%22%20offset%3D%2237.8600687%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230A60FF%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2269.6908165%25%22%20y1%3D%22-12.9743587%25%22%20x2%3D%2216.7228981%25%22%20y2%3D%22117.391248%25%22%20id%3D%22linearGradient-3%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FA816E%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23F74A5C%22%20offset%3D%2241.472606%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23F51D2C%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2268.1279872%25%22%20y1%3D%22-35.6905737%25%22%20x2%3D%2230.4400914%25%22%20y2%3D%22114.942679%25%22%20id%3D%22linearGradient-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FA8E7D%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23F74A5C%22%20offset%3D%2251.2635191%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23F51D2C%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22logo%22%20transform%3D%22translate(-20.000000%2C%20-20.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-28-Copy-5%22%20transform%3D%22translate(20.000000%2C%2020.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-27-Copy-3%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-25%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%222%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M91.5880863%2C4.17652823%20L4.17996544%2C91.5127728%20C-0.519240605%2C96.2081146%20-0.519240605%2C103.791885%204.17996544%2C108.487227%20L91.5880863%2C195.823472%20C96.2872923%2C200.518814%20103.877304%2C200.518814%20108.57651%2C195.823472%20L145.225487%2C159.204632%20C149.433969%2C154.999611%20149.433969%2C148.181924%20145.225487%2C143.976903%20C141.017005%2C139.771881%20134.193707%2C139.771881%20129.985225%2C143.976903%20L102.20193%2C171.737352%20C101.032305%2C172.906015%2099.2571609%2C172.906015%2098.0875359%2C171.737352%20L28.285908%2C101.993122%20C27.1162831%2C100.824459%2027.1162831%2C99.050775%2028.285908%2C97.8821118%20L98.0875359%2C28.1378823%20C99.2571609%2C26.9692191%20101.032305%2C26.9692191%20102.20193%2C28.1378823%20L129.985225%2C55.8983314%20C134.193707%2C60.1033528%20141.017005%2C60.1033528%20145.225487%2C55.8983314%20C149.433969%2C51.69331%20149.433969%2C44.8756232%20145.225487%2C40.6706018%20L108.58055%2C4.05574592%20C103.862049%2C-0.537986846%2096.2692618%2C-0.500797906%2091.5880863%2C4.17652823%20Z%22%20id%3D%22Shape%22%20fill%3D%22url(%23linearGradient-1)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M91.5880863%2C4.17652823%20L4.17996544%2C91.5127728%20C-0.519240605%2C96.2081146%20-0.519240605%2C103.791885%204.17996544%2C108.487227%20L91.5880863%2C195.823472%20C96.2872923%2C200.518814%20103.877304%2C200.518814%20108.57651%2C195.823472%20L145.225487%2C159.204632%20C149.433969%2C154.999611%20149.433969%2C148.181924%20145.225487%2C143.976903%20C141.017005%2C139.771881%20134.193707%2C139.771881%20129.985225%2C143.976903%20L102.20193%2C171.737352%20C101.032305%2C172.906015%2099.2571609%2C172.906015%2098.0875359%2C171.737352%20L28.285908%2C101.993122%20C27.1162831%2C100.824459%2027.1162831%2C99.050775%2028.285908%2C97.8821118%20L98.0875359%2C28.1378823%20C100.999864%2C25.6271836%20105.751642%2C20.541824%20112.729652%2C19.3524487%20C117.915585%2C18.4685261%20123.585219%2C20.4140239%20129.738554%2C25.1889424%20C125.624663%2C21.0784292%20118.571995%2C14.0340304%20108.58055%2C4.05574592%20C103.862049%2C-0.537986846%2096.2692618%2C-0.500797906%2091.5880863%2C4.17652823%20Z%22%20id%3D%22Shape%22%20fill%3D%22url(%23linearGradient-2)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M153.685633%2C135.854579%20C157.894115%2C140.0596%20164.717412%2C140.0596%20168.925894%2C135.854579%20L195.959977%2C108.842726%20C200.659183%2C104.147384%20200.659183%2C96.5636133%20195.960527%2C91.8688194%20L168.690777%2C64.7181159%20C164.472332%2C60.5180858%20157.646868%2C60.5241425%20153.435895%2C64.7316526%20C149.227413%2C68.936674%20149.227413%2C75.7543607%20153.435895%2C79.9593821%20L171.854035%2C98.3623765%20C173.02366%2C99.5310396%20173.02366%2C101.304724%20171.854035%2C102.473387%20L153.685633%2C120.626849%20C149.47715%2C124.83187%20149.47715%2C131.649557%20153.685633%2C135.854579%20Z%22%20id%3D%22Shape%22%20fill%3D%22url(%23linearGradient-3)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Combined-Shape%22%20fill%3D%22url(%23linearGradient-4)%22%20cx%3D%22100.519339%22%20cy%3D%22100.436681%22%20rx%3D%2223.6001926%22%20ry%3D%2223.580786%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E)