[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Frule-engine":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":539,"links":540,"dates":598},"\u002Fexamples\u002Ftags\u002Frule-engine","collection","screens",true,{"example_count":9,"app_count":10},205,77,{"id":12,"title":13,"description":14},41050,"Rule engine","",{"title":16,"description":17,"og_image":18},"Rule engine screen examples - Nicelydone","Rule engine screen design examples from SaaS apps. Browse examples from Lithic, Chatwoot, Attio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffcfed65e-7cc9-4076-a3b1-ed257b677706.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Rule engine screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"205 screens",[34,94,152,201,247,281,320,356,391,417,465,511],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":63,"app":76},"fcfed65e-7cc9-4076-a3b1-ed257b677706","Lithic - Create ACH Debit Rule","Detail page for an ACH Debit rule where the user is prompted to confirm promoting a draft code version to the live current state.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens",3024,1758,"Lithic - Create ACH Debit Rule from Lithic","2026-07-20T18:29:48.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},114,"Confirmation","confirmation",0,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",{"id":55,"label":56,"slug":57,"rank":58,"group":59},11,"Edit","edit",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",[64,68,72],{"id":65,"title":66,"slug":67},177,"Breadcrumb","breadcrumb",{"id":69,"title":70,"slug":71},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":77,"title":78,"logo":79,"baseline":80,"categories":81},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[82,86,90],{"id":83,"title":84,"slug":85},36,"Finance","finance",{"id":87,"title":88,"slug":89},39,"Payments","payments",{"id":91,"title":92,"slug":93},37,"Developer APIs","developer-apis",{"uuid":95,"title":96,"description":97,"canonical_path":98,"image":99,"width":39,"height":100,"image_alt":101,"published_at":102,"kind":43,"patterns":103,"component_categories":125,"app":135},"4c7a4303-fab3-484b-be63-7e9b28f17223","Chatwoot","Settings page where the user configures a new automation rule with specific conditions and actions via a modal.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c7a4303-fab3-484b-be63-7e9b28f17223.png",1776,"Chatwoot from Chatwoot","2026-04-06T18:15:20.000Z",[104,112,117],{"id":105,"label":106,"slug":107,"rank":49,"group":108},125,"Automation","automation",{"id":109,"label":110,"slug":111},13,"Workflow & Automation","workflow-and-automation",{"id":113,"label":114,"slug":115,"rank":58,"group":116},128,"Rule Builder","rule-builder",{"id":109,"label":110,"slug":111},{"id":118,"label":119,"slug":120,"rank":60,"group":121},102,"Settings","settings",{"id":122,"label":123,"slug":124},10,"Settings & Admin","settings-and-admin",[126,130,134],{"id":127,"title":128,"slug":129},284,"Modal","modal",{"id":131,"title":132,"slug":133},169,"Avatar","avatar",{"id":73,"title":74,"slug":75},{"slug":136,"title":96,"logo":137,"baseline":138,"categories":139},"chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[140,144,148],{"id":141,"title":142,"slug":143},22,"Knowledge Management","knowledge-management",{"id":145,"title":146,"slug":147},45,"Open Source","open-source",{"id":149,"title":150,"slug":151},47,"Customer Service","customer-service",{"uuid":153,"title":154,"description":155,"canonical_path":156,"image":157,"width":39,"height":158,"image_alt":159,"published_at":160,"kind":43,"patterns":161,"component_categories":181,"app":187},"53930230-a8c1-4e14-ac72-7f7be25639b2","Workflows - Attio","List view where the user manages automation workflows, displaying run counts, live status, and creation details with an option to build a new one.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53930230-a8c1-4e14-ac72-7f7be25639b2.png",1780,"Workflows - Attio from Attio","2025-11-17T19:51:50.000Z",[162,164,169,176],{"id":105,"label":106,"slug":107,"rank":49,"group":163},{"id":109,"label":110,"slug":111},{"id":165,"label":166,"slug":167,"rank":58,"group":168},129,"Workflow Builder","workflow-builder",{"id":109,"label":110,"slug":111},{"id":149,"label":170,"slug":171,"rank":60,"group":172},"Table","table",{"id":173,"label":174,"slug":175},4,"Data & Analysis","data-and-analysis",{"id":109,"label":177,"slug":178,"rank":179,"group":180},"Filter & Sort","filter-and-sort",3,{"id":60,"label":61,"slug":62},[182,186],{"id":183,"title":184,"slug":185},260,"Badge","badge",{"id":131,"title":132,"slug":133},{"slug":188,"title":189,"logo":190,"baseline":191,"categories":192},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[193,197],{"id":194,"title":195,"slug":196},53,"CRM","crm",{"id":198,"title":199,"slug":200},80,"Artificial Intelligence","artificial-intelligence",{"uuid":202,"title":203,"description":204,"canonical_path":205,"image":206,"width":39,"height":158,"image_alt":207,"published_at":208,"kind":43,"patterns":209,"component_categories":216,"app":231},"a2d9718e-56e9-483b-b1ce-8716fa9951bb","Untitled automation - Circleback","Creation page where the user builds a new automation by configuring trigger conditions based on meeting tags.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2d9718e-56e9-483b-b1ce-8716fa9951bb.png","Untitled automation - Circleback from Circleback","2025-10-13T14:40:38.000Z",[210,212,214],{"id":105,"label":106,"slug":107,"rank":49,"group":211},{"id":109,"label":110,"slug":111},{"id":109,"label":177,"slug":178,"rank":58,"group":213},{"id":60,"label":61,"slug":62},{"id":113,"label":114,"slug":115,"rank":60,"group":215},{"id":109,"label":110,"slug":111},[217,221,225,229,230],{"id":218,"title":219,"slug":220},227,"Stepper","stepper",{"id":222,"title":223,"slug":224},168,"Accordion","accordion",{"id":226,"title":227,"slug":228},167,"Alert","alert",{"id":131,"title":132,"slug":133},{"id":73,"title":74,"slug":75},{"slug":232,"title":233,"logo":234,"baseline":235,"categories":236},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[237,241,245,246],{"id":238,"title":239,"slug":240},30,"Productivity","productivity",{"id":242,"title":243,"slug":244},82,"Communication","communication",{"id":141,"title":142,"slug":143},{"id":198,"title":199,"slug":200},{"uuid":248,"title":249,"description":250,"canonical_path":251,"image":252,"width":39,"height":158,"image_alt":253,"published_at":254,"kind":43,"patterns":255,"component_categories":262,"app":274},"d1ba025b-7f15-486d-b48d-f9c2f85ecb76","Workflow Automation | Nicelydone CRM","Design editor where the user configures an automation workflow by adding triggers and actions, currently using a combobox to assign an owner to a project delivery stage.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1ba025b-7f15-486d-b48d-f9c2f85ecb76.png","Workflow Automation | Nicelydone CRM from Capsule","2025-10-06T13:33:45.000Z",[256,258,260],{"id":165,"label":166,"slug":167,"rank":49,"group":257},{"id":109,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":58,"group":259},{"id":109,"label":110,"slug":111},{"id":55,"label":56,"slug":57,"rank":60,"group":261},{"id":60,"label":61,"slug":62},[263,264,268,272,273],{"id":222,"title":223,"slug":224},{"id":265,"title":266,"slug":267},240,"Horizontal navigation","horizontal-navigation",{"id":269,"title":270,"slug":271},174,"Card","card",{"id":131,"title":132,"slug":133},{"id":73,"title":74,"slug":75},{"slug":275,"title":276,"logo":277,"baseline":278,"categories":279},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[280],{"id":194,"title":195,"slug":196},{"uuid":282,"title":283,"description":284,"canonical_path":285,"image":286,"width":39,"height":158,"image_alt":287,"published_at":288,"kind":43,"patterns":289,"component_categories":298,"app":303},"390b7688-7c85-4ab2-afbb-82a04c39b52e","Settings | Nicelydone Club","Create screen where the user configures a new automation by defining a trigger event, a target space, and a corresponding action with a time delay.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F390b7688-7c85-4ab2-afbb-82a04c39b52e.png","Settings | Nicelydone Club from Mighty","2025-09-01T19:09:04.000Z",[290,292,294,296],{"id":105,"label":106,"slug":107,"rank":49,"group":291},{"id":109,"label":110,"slug":111},{"id":165,"label":166,"slug":167,"rank":58,"group":293},{"id":109,"label":110,"slug":111},{"id":118,"label":119,"slug":120,"rank":60,"group":295},{"id":122,"label":123,"slug":124},{"id":113,"label":114,"slug":115,"rank":179,"group":297},{"id":109,"label":110,"slug":111},[299,300,301,302],{"id":127,"title":128,"slug":129},{"id":269,"title":270,"slug":271},{"id":131,"title":132,"slug":133},{"id":73,"title":74,"slug":75},{"slug":304,"title":305,"logo":306,"baseline":307,"categories":308},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[309,313,316],{"id":310,"title":311,"slug":312},33,"E-Learning","e-learning",{"id":58,"title":314,"slug":315},"Communities","communities",{"id":317,"title":318,"slug":319},26,"Events","events",{"uuid":321,"title":322,"description":323,"canonical_path":324,"image":325,"width":39,"height":158,"image_alt":326,"published_at":327,"kind":43,"patterns":328,"component_categories":335,"app":344},"f6ebca11-a388-4d7a-8fe1-6f96fc8bb98f","New Lindy - Lindy","Workflow editor where the user configures an email-received trigger with specific sender conditions before adding the next automation step.","\u002Fexamples\u002Fapps\u002Flindy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6ebca11-a388-4d7a-8fe1-6f96fc8bb98f.png","New Lindy - Lindy from Lindy","2025-07-14T07:38:40.000Z",[329,331,333],{"id":165,"label":166,"slug":167,"rank":49,"group":330},{"id":109,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":58,"group":332},{"id":109,"label":110,"slug":111},{"id":113,"label":114,"slug":115,"rank":60,"group":334},{"id":109,"label":110,"slug":111},[336,340,341,342,343],{"id":337,"title":338,"slug":339},277,"Button group","button-group",{"id":65,"title":66,"slug":67},{"id":226,"title":227,"slug":228},{"id":69,"title":70,"slug":71},{"id":269,"title":270,"slug":271},{"slug":345,"title":346,"logo":347,"baseline":348,"categories":349},"lindy","Lindy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flindy-k2eius5s.png","Meet your AI assistant",[350,351,352],{"id":198,"title":199,"slug":200},{"id":238,"title":239,"slug":240},{"id":353,"title":354,"slug":355},105,"Workflow Automation","workflow-automation",{"uuid":357,"title":358,"description":359,"canonical_path":360,"image":361,"width":39,"height":158,"image_alt":362,"published_at":363,"kind":43,"patterns":364,"component_categories":369,"app":376},"389db0cd-41c9-49d8-afad-45efccdefd42","Evervault","Settings detail page where the user configures decryption rules and conditions for a specific data role.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F389db0cd-41c9-49d8-afad-45efccdefd42.png","Evervault from Evervault","2025-04-29T08:32:29.000Z",[365,367],{"id":55,"label":56,"slug":57,"rank":49,"group":366},{"id":60,"label":61,"slug":62},{"id":109,"label":177,"slug":178,"rank":58,"group":368},{"id":60,"label":61,"slug":62},[370,371,372,373,374,375],{"id":265,"title":266,"slug":267},{"id":226,"title":227,"slug":228},{"id":69,"title":70,"slug":71},{"id":183,"title":184,"slug":185},{"id":269,"title":270,"slug":271},{"id":73,"title":74,"slug":75},{"slug":377,"title":358,"logo":378,"baseline":379,"categories":380},"evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[381,385,386,387],{"id":382,"title":383,"slug":384},48,"Developer Tools","developer-tools",{"id":91,"title":92,"slug":93},{"id":87,"title":88,"slug":89},{"id":388,"title":389,"slug":390},78,"Security","security",{"uuid":392,"title":393,"description":394,"canonical_path":395,"image":396,"width":39,"height":397,"image_alt":398,"published_at":399,"kind":43,"patterns":400,"component_categories":405,"app":410},"1333fae2-a5ec-45c7-8209-6df22fae73a7","Rules Settings","Settings page where the user manages rules to automatically recategorize and tag transactions based on merchant name or expense amount.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1333fae2-a5ec-45c7-8209-6df22fae73a7.png",1778,"Rules Settings from Monarch","2025-03-17T14:09:52.000Z",[401,403],{"id":118,"label":119,"slug":120,"rank":49,"group":402},{"id":122,"label":123,"slug":124},{"id":113,"label":114,"slug":115,"rank":58,"group":404},{"id":109,"label":110,"slug":111},[406,407,408,409],{"id":183,"title":184,"slug":185},{"id":269,"title":270,"slug":271},{"id":131,"title":132,"slug":133},{"id":73,"title":74,"slug":75},{"slug":411,"title":412,"logo":413,"baseline":414,"categories":415},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[416],{"id":83,"title":84,"slug":85},{"uuid":418,"title":419,"description":420,"canonical_path":421,"image":422,"width":39,"height":423,"image_alt":424,"published_at":425,"kind":43,"patterns":426,"component_categories":435,"app":447},"e5c8a1a0-6e31-4788-85fe-3275331d6fc3","Top Content Agencies | Directory by Assembly","Partner directory page where the user browses a curated list of top content agencies, some marked as vetted experts, with an option to request a custom match.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5c8a1a0-6e31-4788-85fe-3275331d6fc3.png",6554,"Top Content Agencies | Directory by Assembly from Assembly","2025-03-17T13:29:41.000Z",[427],{"id":428,"label":429,"slug":430,"rank":49,"group":431},164,"Community Page","community-page",{"id":432,"label":433,"slug":434},15,"Marketing Page Types","marketing-page-types",[436,440,444,445,446],{"id":437,"title":438,"slug":439},258,"Header","header",{"id":441,"title":442,"slug":443},202,"Footer","footer",{"id":183,"title":184,"slug":185},{"id":269,"title":270,"slug":271},{"id":73,"title":74,"slug":75},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[453,457,461],{"id":454,"title":455,"slug":456},14,"Social","social",{"id":458,"title":459,"slug":460},23,"Collaboration","collaboration",{"id":462,"title":463,"slug":464},25,"Marketing","marketing",{"uuid":466,"title":467,"description":468,"canonical_path":469,"image":470,"width":39,"height":397,"image_alt":471,"published_at":472,"kind":43,"patterns":473,"component_categories":491,"app":498},"a1845a5b-e5c7-4d19-9524-5bed92ea6348","Front (6)","Settings page where the user configures a new automation rule set for a specific teammate, using a data table to define conditions like inboxes and actions.","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa1845a5b-e5c7-4d19-9524-5bed92ea6348.png","Front (6) from Front","2025-03-03T14:56:15.000Z",[474,476,478,483],{"id":113,"label":114,"slug":115,"rank":49,"group":475},{"id":109,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":58,"group":477},{"id":109,"label":110,"slug":111},{"id":479,"label":480,"slug":481,"rank":60,"group":482},104,"Team Management","team-management",{"id":122,"label":123,"slug":124},{"id":484,"label":485,"slug":486,"rank":179,"group":487},62,"Breadcrumbs","breadcrumbs",{"id":488,"label":489,"slug":490},6,"Navigation & Commands","navigation-and-commands",[492,493,494,495,496,497],{"id":265,"title":266,"slug":267},{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":183,"title":184,"slug":185},{"id":131,"title":132,"slug":133},{"id":73,"title":74,"slug":75},{"slug":499,"title":500,"logo":501,"baseline":502,"categories":503},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[504,505,506,507],{"id":458,"title":459,"slug":460},{"id":149,"title":150,"slug":151},{"id":242,"title":243,"slug":244},{"id":508,"title":509,"slug":510},92,"Email","email",{"uuid":512,"title":513,"description":514,"canonical_path":515,"image":516,"width":39,"height":517,"image_alt":518,"published_at":519,"kind":43,"patterns":520,"component_categories":526,"app":528},"22948b8a-728c-4ebc-87a5-d18a6df02af4","Design Emails People Love to Get. Make Beautiful Sales Pages. #2","Legal terms and conditions page detailing the affiliate program agreement, including eligibility, payment terms, and licenses.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22948b8a-728c-4ebc-87a5-d18a6df02af4.png",24434,"Design Emails People Love to Get. Make Beautiful Sales Pages. #2 from Flodesk","2025-02-24T15:36:57.000Z",[521],{"id":522,"label":523,"slug":524,"rank":49,"group":525},186,"Terms Page","terms-page",{"id":432,"label":433,"slug":434},[527],{"id":441,"title":442,"slug":443},{"slug":529,"title":530,"logo":531,"baseline":532,"categories":533},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[534,538],{"id":535,"title":536,"slug":537},27,"Email Newsletters","email-newsletters",{"id":462,"title":463,"slug":464},[],[541,544,546,548,550,552,554,556,558,560,562,565,568,571,574,577,580,583,586,589,592,595],{"label":106,"to":542,"count":543},"\u002Fexamples\u002Fscreens\u002Fautomation",7,{"label":114,"to":545,"count":488},"\u002Fexamples\u002Fscreens\u002Frule-builder",{"label":166,"to":547,"count":173},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":56,"to":549,"count":179},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":177,"to":551,"count":179},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":119,"to":553,"count":179},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":485,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":47,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":170,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":480,"to":561,"count":58},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":563,"to":564},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":566,"to":567},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":569,"to":570},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":572,"to":573},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":575,"to":576},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":578,"to":579},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":581,"to":582},"Lindy design examples","\u002Fexamples\u002Fapps\u002Flindy",{"label":584,"to":585},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":587,"to":588},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":590,"to":591},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":593,"to":594},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":596,"to":597},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"published_at":599,"updated_at":600},"2024-12-21T10:19:11.000Z","2026-09-05T20:19:53.959Z"]