elementYard
Try the Editor
Back to components
Editing List Group

Choose a List Group preset

Browse polished list group starting points, preview the real component, then try it in the editor.

30 built-in presets
List Group
Demo mode available
Save/export plans
Pick a polished presetStart from a real component layout instead of a blank canvas.
Customize visuallyEdit the component, spacing, styles, and content inside the editor.
Export cleanlyMove from preset to production-ready code faster.

Preset gallery

30 of 30 presets shown. Logged-out visitors can try presets in Demo Mode.

Popular
✦Landing page designA polished single-page experience for campaigns, launches, and portfolios.From £950Popular›
▣Website refreshSharper layouts, clearer messaging, and a more professional visual system.2-3 weeks›
↗Ongoing design supportMonthly design, frontend, and content updates for growing businesses.RetainerNew›
Freelancer Services ListBuilt-in
listagencyfreelancerservices
List group for services, packages, and common project types.
⚙Diagnostics and fault findingIdentify warning lights, performance issues, and electrical faults quickly.Same dayBook›
✓MOT and annual servicingReliable checks, servicing, fluids, tyres, brakes, and safety inspections.Popular›
↗Repairs and replacement partsClear estimates before work starts, with updates throughout the repair.Quoted›
Garage Repair ListBuilt-in
listautomotivegaragerepair
List group for common repairs, checks, and maintenance services.
⚡Performance and batteryFast charging, long runtime, and everyday reliability for heavy use.24hSpec›
◈Compatibility includedWorks with popular devices, apps, accessories, and operating systems.Wide›
✓Warranty and supportClear warranty coverage, returns guidance, and product support options.2 yrsSupport›
Product Specs ListBuilt-in
listecommerceproduct specselectronics
List group for technical specs, compatibility, and highlights.
#Engineering guidesTechnical articles, patterns, workflows, and implementation notes.32Popular›
✦Product updatesRelease notes, platform changes, roadmap updates, and changelogs.18›
↗Founder lessonsPractical essays on building, launching, and scaling software.12New›
Blog Topics ListBuilt-in
listblogtopicsguides
List group for categories, popular topics, and featured guides.
🎓Workplace qualificationsAccredited training routes for teams, managers, and specialist roles.Level 3-5Accredited›
▣Short professional coursesFocused workshops for compliance, leadership, and practical skills.1-2 days›
↗Bespoke business trainingCustom programmes designed around teams, sectors, and outcomes.CustomNew›
Training Programme ListBuilt-in
listeducationtrainingprogrammes
List of available qualifications and training routes.
Popular
£Retirement planningBuild a long-term plan around pensions, income, tax, and lifestyle goals.CorePopular›
↗Investment strategyCreate a suitable portfolio shaped around risk, timelines, and objectives.Advice›
✓Protection and family planningReview cover, estate considerations, and planning for important life events.Review›
Financial Planning ListBuilt-in
listfinanceplanningadvisor
List group outlining planning services and financial goals.
Popular
09Opening keynoteA high-energy session introducing the theme, speakers, and big ideas.09:30Main›
11Breakout workshopsSmaller practical sessions for product, marketing, design, and leadership teams.11:00›
15Panel and networkingExpert discussion followed by time to meet speakers, sponsors, and attendees.15:00Live›
Conference Agenda ListBuilt-in
listeventsconferenceagenda
List group for schedule, sessions, workshops, and timings.
✓Back, neck, and shoulder painAssessment, hands-on treatment, exercises, and recovery planning.Common›
↗Sports injuriesSupport for sprains, strains, running injuries, and return-to-sport plans.ActivePopular›
▣Posture and workplace issuesPractical advice and treatment for desk-based discomfort and movement habits.Support›
Physio Conditions ListBuilt-in
listhealthcarephysiotherapyconditions
List group for common conditions, pain points, and treatment routes.
01Book an initial consultationShare the background, key documents, deadlines, and the outcome you need.›
02Receive clear adviceUnderstand your options, likely costs, timescales, and recommended next steps.›
03Move forward with supportGet representation, document preparation, negotiation, or ongoing guidance.›
Legal Process ListBuilt-in
listlegalprocesssolicitor
List group explaining consultation, documents, advice, and next steps.
🌱Habitats restoredLocal green spaces, waterways, and wildlife areas protected through volunteer action.42 sitesImpact›
♻Community cleanupsRegular events helping residents remove waste and improve shared spaces.1,200 hrs›
✓Education programmesWorkshops and school sessions helping people make practical climate choices.36 talksNew›
Environmental Impact ListBuilt-in
listnon-profitenvironmentalimpact
List group showing measurable outcomes and achievements.
01Brief and market mappingDefine the role, leadership outcomes, culture fit, and target candidate market.Discover›
02Approach and shortlistEngage high-quality candidates confidentially and assess against clear criteria.SearchCore›
03Interview and appointmentSupport selection, references, negotiation, onboarding, and final placement.Hire›
Executive Search Process ListBuilt-in
listrecruitmentexecutive searchprocess
List group explaining discovery, mapping, shortlisting, and appointment.
★Frontend EngineerRemote-first SaaS team hiring for React, design systems, and product UI.£55kFeatured›
↗Marketing ManagerGrowth role for campaigns, content, analytics, and lead generation.Hybrid›
✓Customer Success LeadOwn onboarding, retention, customer outcomes, and account growth.Full-timeNew›
Featured Jobs ListBuilt-in
listrecruitmentjobsfeatured
List group for featured roles, urgent hiring, and promoted jobs.
£Accurate rental valuationSet the right asking rent using local demand, condition, and comparable data.Valuation›
✓Tenant checks and complianceHandle referencing, safety certificates, deposits, and legal requirements.ManagedCore›
↗Ongoing property managementSupport maintenance, inspections, communication, renewals, and statements.Monthly›
Landlord Benefits ListBuilt-in
listreal estatelettingslandlord
List group for landlord benefits, management support, and compliance.
✓Personal weekly planTraining shaped around goals, schedule, current fitness, and available equipment.WeeklyPlan›
⚡Accountability and check-insRegular feedback, progress tracking, habit support, and simple next steps.Support›
↗Nutrition and recovery guidancePractical advice for meals, sleep, recovery, and consistency without extremes.Guide›
Fitness Benefits ListBuilt-in
listsportfitnessbenefits
List of programme benefits, accountability, and support.
↗Pipeline visibilitySee deal stages, next actions, risks, and team activity in one workspace.LiveCore›
✓Cleaner follow-up workflowsKeep reminders, notes, contacts, and handovers connected to each opportunity.Automated›
£More predictable revenueForecast movement, spot gaps, and understand what is likely to close.Forecast›
Sales Benefits ListBuilt-in
listsaascrmsales
Stacked benefits for sales teams and operations leaders.
Launch Ready
📘Getting started guideInstall, configure, and build the first working integration quickly.GuideStart›
⚙API referenceExplore endpoints, SDK examples, authentication, and request patterns.Docs›
↗Changelog and examplesTrack releases, code samples, migration notes, and implementation ideas.LatestNew›
Developer Resource ListBuilt-in
listtechdeveloperresources
List group for docs, guides, API references, changelog links, SDKs, and examples.
01QuickstartCreate an API key, make your first request, and confirm the response.5 minStart›
02AuthenticationUnderstand keys, tokens, scopes, rate limits, and secure request handling.Core›
03SDKs and examplesUse language-specific examples and SDKs to speed up implementation.SDKsNew›
API Docs ListBuilt-in
listtechapidocs
List group for quickstart, API reference, examples, and SDK links.
📍Best time to visitSeasonal notes, weather, crowds, local events, and booking windows.Guide›
↗Getting aroundTransport tips, walkable areas, airport links, passes, and local routes.Travel›
£Budget and local tipsFood, tickets, hidden costs, safety, etiquette, and smart planning advice.SaveUseful›
Destination Tips ListBuilt-in
listtraveldestinationtips
List group for travel tips, transport, safety, seasons, and budgets.
Popular
⌂Workspace overviewProjects, exports, and activity12New›
↗AnalyticsGrowth and performance insightsLive›
⚙Workspace settingsMembers, billing, and preferences›
Modern Dashboard SidebarBuilt-in
listdashboardsidebarnavigation
Premium dashboard sidebar inspired by modern SaaS applications and admin panels.
👤Profile detailsUpdate your name, avatar, and workspace identity›
🔐SecurityPasswords, devices, and authentication settings›
🔔NotificationsManage product updates and email preferences›
Account Settings NavigationBuilt-in
listdashboardsettingsaccount
Clean account settings navigation for profiles, billing, and preferences.
Launch Ready
✓Unlimited exportsGenerate production-ready frontend code whenever you need it.›
✓Reusable component librarySave and organise polished sections across multiple projects.›
✓Premium preset collectionStart from launch-ready templates instead of blank layouts.›
Pricing Feature ChecklistBuilt-in
listpricingfeaturesplans
Checklist-style pricing features list designed for subscription pages.
✓FeaturesExplore platform capabilities›
•PricingCompare plans and usage limits›
→ContactSpeak directly with the team›
Minimal Navigation LinksBuilt-in
listnavigationmenulinks
Minimal navigation list designed for landing pages and simple menus.
✓React export completedYour latest component export is ready to download.2m agoDone›
!Daily export limit nearbyYou have almost reached today’s export allowance.1h agoAlert›
✦New preset collection availableFresh SaaS, ecommerce, and portfolio presets are now live.TodayNew›
Product Notification FeedBuilt-in
listdashboardnotificationsactivity
Modern product activity feed for notifications, exports, and updates.
▣Workspace overviewProjects, metrics, and publishingActive›
↗AnalyticsTraffic, growth, and exports›
◌Team membersRoles, access, and permissions›
Dark SaaS SidebarBuilt-in
listsaasdarksidebar
Dark dashboard sidebar inspired by modern SaaS and analytics platforms.
👕New season arrivalsFresh collections and limited releases24New›
🏷Limited-time offersCurrent promotions and discounted collections18Sale›
★Best sellersMost-loved products from this month32›
Ecommerce Category NavigationBuilt-in
listecommercecategoriesshop
Ecommerce category navigation list designed for retail and product collections.
01Brief approvedScope, outcomes, deliverables, and decision-makers are confirmed.DoneComplete›
02Design reviewReview the first visual direction and agree any refinements.Next›
03Launch handoverPrepare exports, QA notes, CMS guidance, and support documentation.Upcoming›
Project Milestone ListBuilt-in
listagencymilestonesproject
A clean project milestone list for briefs, launch plans, and client portals.
!Export mismatch on mobileCustomer reports spacing issue in generated Tailwind output.HighOpen›
✓Billing receipt requestCustomer needs a VAT receipt for their latest subscription payment.Low›
↗Feature request reviewMultiple users requested reusable brand token presets.TodayNew›
Support Ticket ListBuilt-in
listdashboardsupporttickets
A structured ticket list for support dashboards and customer success teams.
↗Responsive export parityImprove confidence that preview and exported code stay aligned.Q2Active›
▣Template pack builderGroup matching presets into launch-ready pages and workflows.Next›
✦Team workspacesShare projects, feedback, permissions, and reusable component systems.Later›
Roadmap Priority ListBuilt-in
listsaasroadmappriorities
A product roadmap priority list for features, status, and delivery focus.
09Registration opensArrive, collect badges, and grab coffee before sessions begin.09:00›
10Opening keynoteMain stage welcome and headline speaker session.10:00Main›
13WorkshopsHands-on practical sessions in smaller rooms.13:30›
Event Schedule Mini ListBuilt-in
listeventsscheduleagenda
A compact event schedule list for landing pages and registration sections.
✓Choose your preferred dateOffer at least two options so the team can confirm availability quickly.›
✓Share practical detailsInclude location, group size, requirements, budget, or relevant notes.›
✓Check your contact informationMake sure email and phone details are correct before submitting.›
Booking Requirements ListBuilt-in
listformsbookingrequirements
A useful pre-form checklist for appointments, bookings, and enquiries.
Premium preset packs coming soon

Add locked Pro preset packs here later without changing this page structure.

Pro-ready
List Group Presets for Visual UI Building | ElementYard