Quillo.qweComponents

Tags

#marketing

36 components tagged marketing. Narrow them down with a search or more tags.

Layout 3

BentoGridA grid of tiles spanning columns and rows, with titles, tints and links, packed to leave no holes.layoutgridcardmarketingno-js9 views · 6 downloadsBrowserFrameA mock browser window around its content, with the address in its bar, for screenshots and demos.layoutmediaimagemarketingno-js7 views · 6 downloadsCoverA block as tall as the screen with one thing in its middle, and something at its top and bottom if given.layoutpagemarketingno-js7 views · 7 downloads

Typography 2

EyebrowA small uppercase label above a heading, in a tone, with an optional dot.typographytextmarketingno-js6 views · 8 downloadsGradientTextText filled with a gradient: the theme's, a preset, or any two colours at an angle.typographytextmarketingno-js5 views · 6 downloads

Forms 1

NewsletterFormAn email box and a Subscribe button in one row, a plain form posting to your route, with a done state once it worked.formsinputbuttonmarketingno-js5 views · 6 downloads

Feedback 1

NewBadgeA small New, Beta or Updated label beside an item, in tones and variants, that stops showing after a date.feedbackstatusmarketingno-js5 views · 7 downloads

Navigation 2

FooterNavColumns of grouped links for a site's footer, each under its title, wrapping on narrow screens.navigationlinklayoutmarketingno-js5 views · 7 downloadsMegaMenuA top bar whose items open wide panels of grouped links under the whole bar, on hover and from the keyboard, with no script.navigationmenulinkmarketingno-js5 views · 7 downloads

Data 3

ArticleCardA post to click into: image, category, title, excerpt, author, date and reading time; image on top or to the side.cardmarketingpagelinkno-js5 views · 7 downloadsNewsListHeadlines in a compact list with source, time and a small picture; numbered for a most-read list.listlinkmarketingno-js8 views · 7 downloadsTestimonialCardA customer's quote with their picture, name, title and company or logo, and stars if they gave some.cardmarketingsocialuserno-js5 views · 6 downloads

Media 3

CoverImageA wide picture with a title, subtitle and actions over a gradient, in three heights.mediaimagemarketingpageno-js7 views · 7 downloadsLogoCloudA row of logos, grey until hovered, with a line saying what they are; each can be a link.marketingmediaimageno-js6 views · 5 downloadsMarqueeContent scrolling sideways without end, in CSS alone: seamless, paused on hover, still when motion is reduced.animationmarketingmediano-js8 views · 6 downloads

Commerce 4

PriceTagA bold price with its period (/month) and a note under it, for plans, rooms and seats.commercepriceno-jsmarketing6 views · 4 downloadsPricingCardOne plan: name, price and period, what it includes, and a button; highlighted with a badge when it is the one to pick.commercepricecardmarketingno-js7 views · 6 downloadsPricingTablePlans across and features down, with ticks, dashes and values in the cells and the recommended plan marked.commercepricetablemarketingno-js7 views · 6 downloadsTrustBadgesSecure payment, free returns, a guarantee: reassurance icons with a line each, in a row, a grid or a list.commercecheckoutmarketingiconno-js6 views · 6 downloads

Marketing 17

AbTestCalcReads an A/B test from visitors and conversions: lift, z-test, p-value, interval and a plain verdict, refusing to call too small a sample.smartinteractivestatisticsexperimentcalculatormarketing2 views · 7 downloadsAnnouncementBarA slim bar at the top with one message, a badge and a link, closed for good once dismissed.marketingnotificationfeedbackpageinteractive6 views · 5 downloadsBlogListPosts as cards in a grid or rows down the page: picture, tags, title, excerpt, author and date.marketinglistcardpageno-js8 views · 7 downloadsCtaSectionA call-to-action band: a title, a line and the buttons, filled, tinted or outlined, centred or split.marketingsectionbuttonpageno-js7 views · 6 downloadsFaqQuestions that open to their answers on <details>, with a search box that keeps only the ones matching.marketingsearchfilterlistinteractive6 views · 7 downloadsFeatureGridA grid of a product's features, each an icon, a title and a sentence, from a list or written by hand (Feature).marketingsectiongridcardno-js7 views · 4 downloadsFeatureListFeatures in alternating rows of words and a picture (or code), with ticked points and a link each.marketingsectionlistimageno-js7 views · 6 downloadsFunnelAnalyzerStep counts to drop-off, conversion and the biggest leak, with a what-if on any step carried through to the end, and a warning when a step grows.smartinteractivefunnelconversionanalyticsmarketing2 views · 6 downloadsHeroA landing page's opening: eyebrow, headline, lead, buttons, and a picture or code on the side.marketingsectionpagelayoutno-js6 views · 7 downloadsHowItWorksNumbered steps with icons, titles and text, in a row joined by a line, or down a column.marketingsectionlistprogressno-js6 views · 8 downloadsMailMergeFills a template with {{name}} and fallbacks from CSV or JSON rows: a preview for each row, the missing and unused variables, and the rows that would send an empty value.smartinteractiveemailtemplatemarketingmerge3 views · 8 downloadsSampleSizeCalcVisitors per variant and days to run for an A/B test, with the formula shown, refusing inputs that have no answer.smartinteractivestatisticsexperimentcalculatormarketing3 views · 6 downloadsSocialLinksIcon links to accounts on X, GitHub, LinkedIn, YouTube, Mastodon, Bluesky and more, each named for screen readers.marketingsociallinkiconno-js6 views · 4 downloadsStatsBandBig numbers with their labels across a tinted, filled, outlined or plain band, as a <dl>.marketingsectiondatano-js6 views · 5 downloadsTeamGridThe team as a grid of people: picture or initials, name, role, a line about them and links.marketingsectiongriduserprofileno-js6 views · 8 downloadsTestimonialsQuotes from people with their picture, role and company, in a row that scrolls or a grid that wraps.marketingsectioncardsocialno-js9 views · 7 downloadsUtmBuilderBuilds a campaign link with consistent case, warns on spaces and mixed conventions, keeps the query and fragment, and remembers recent values.smartinteractivemarketingcampaignurlanalytics3 views · 7 downloads

Other tags

interactive504no-js370mobile211forms176tablet151data128smart100list84chart80commerce68input64navigation63layout59card57finance52gesture48media44dashboard42text39button38feedback38keyboard37social37marketing36table34typography32search31status31user31document30image28picker28link26page26time26banking25calendar24overlay24select24progress23trading22calculator21schedule21travel20grid19settings19menu18news18security18utility18offline17price17blogging16dialog16sheet16swipe15accessibility14drag14notification14tabs14upload14chat13checkout13filter13popover13file12loans12section12audio11loading11profile11coop10forex10icon10code9article8camera8developer8flights8form8print8record8validation8comment7location7onboarding7pricing7video7cart6json6theme6animation5barcode5field5health5keypad5map5planning5qr5scroll5sort5admin4analytics4clock4dates4editor4feed4header4live4notes4parser4photo4player4seo4share4statistics4subscription4toast4analysis3banner3billing3budget3checklist3compare3date3election3games3gloves3gps3haptics3monitoring3number3panes3payment3pen3rotation3sensor3sync3tasks3timeline3timer3toolbar3tracking3undo3units3update3url3voice3wheel3wizard3writing3alerts2balance2capacity2cards2colour2columns2csv2currency2dedupe2device2discount2draft2drawing2education2email2experiment2feeds2files2forecast2fuzzy2help2history2hotels2links2long-press2meetings2merge2messages2money2motion2network2otp2panel2payments2permission2permissions2photos2pin2pinch2query2questions2quiz2rating2reactions2refresh2reorder2report2responsive2retry2scanner2selection2shipping2sign-in2slider2split2stock2storage2store2stories2summary2svg2tax2ticket2till2timezone2tracker2transfer2version2wallet2zoom2accordion1activities1ads1agenda1aggregate1agile1alert1amount1annotate1anomaly1api1app-shell1approval1archive1assessment1audit1autosave1availability1back1backlog1backtest1badge1bank1bar1battery1bibliography1bill1bills1book1bracket1branching1browser1builder1bulk1bundle1business1buy1byline1campaign1carousel1cars1cash1change1changes1check1chips1citation1cleaning1clipboard1cloud1cohort1combobox1comments1compass1conditional1configurator1confirm1conflicts1contact1context-menu1contrast1conversion1converter1cooking1copy1cost1coupon1cron1curl1dark-mode1deadline1debt1decimal1decision1decode1delivery1dependencies1design1detents1diff1disclosure1documents1downloads1dst1duplicates1edit1emoji1empty1encoding1entropy1envelopes1error1event1expenses1explorer1export1fab1faq1fashion1first-run1fit1fixtures1flashcards1flashlight1flesch1floor-plan1formatter1formula1frame1fullscreen1funnel1gallery1game1generator1geofence1goals1grades1grammar1group1groups1guard1handwriting1haptic1heading1headline1heatmap1hours1http1i18n1iban1import1income1indicator1inference1insights1interest1invoice1ios1isbn1job1jsonpath1jwt1kanban1keywords1kiosk1league1learning1level1like1lint1loan1localization1lock1logs1lyrics1mail1margin1markdown1markup1master-detail1matching1memory1mention1modal1mortgage1music1natural1notch1notice1notifications1options1order1orientation1outlier1overflow1overtime1packing1pagination1passcode1password1paste1pattern1payoff1payroll1paywall1people1plans1podcast1pointer1policy1poll1power1preview1profiling1projects1properties1publishing1quality1queue1rail1ranked1ranking1readability1reader1receipt1recipe1recommendations1records1reference1refinance1regex1register1regression1reliability1reload1reply1resize1resources1restaurant1resume1retention1revision1rewards1rings1risk1roles1roster1rota1rules1salary1save-data1savings1schema1screen1seats1seeds1seek1series1shake1shortcuts1sidebar1signature1signup1sizing1slo1slug1splash1sports1spotlight1spreadsheet1sql1stack1staff1standings1startup1status-bar1stepper1steps1sticky1streaks1study1style1subscribe1subtotals1support1survey1switch1tags1team1teams1temperature1template1time-zones1tip1tldr1toggle1torch1tour1tournament1transit1translation1tree1trend1tutorial1typo1unread1unsaved1username1validate1vibrate1viewer1virtual1visualisation1vote1voting1wake-lock1warehouse1waveform1wcag1weather1weight1weights1widget1world1