Quillo.qweComponents

Tags

#gesture

48 components tagged gesture. Narrow them down with a search or more tags.

Mobile 48

ActionSheetA list of actions rising from the bottom, with a destructive style and Cancel: swipe down or the phone's back gesture closes it; on a tablet, a card by what opened it.mobileinteractivetabletsheetmenugesture3 views · 9 downloadsAlertInboxAlerts by severity, swiped to acknowledge or snooze, with buttons and keys to the same, and a badge that stays right as snoozes run out.mobileinteractivealertsgestureswipetablet3 views · 8 downloadsAlphaRailListA long list with sticky letter headers and an A to Z rail scrubbed by finger, with a bubble showing the letter and a haptic per step.mobileinteractivetabletlistgesturehaptic1 view · 6 downloadsApprovalQueueOne request at a time, swiped to approve or reject, with a required reason, undo and a count of what is left.mobileinteractiveapprovalgestureswipetablet3 views · 5 downloadsBookSpreadReader pages, one column upright and a two-page spread turned, by swipe or edge tap, the place kept by text and not page number.mobiletabletinteractivereadergesturebook2 views · 7 downloadsBottomSheetA sheet with peek, half and full stops, dragged by finger: it resists past its ends, snaps by speed, shares the finger with the list inside and rises above the keyboard.mobileinteractivesheetoverlaydetentsgesture4 views · 7 downloadsCalendarSheetA month on a sheet that folds to a week by drag, with the day's agenda under it.mobileinteractivegesturecalendaragendatablet3 views · 4 downloadsContextPreviewA long press lifts a card with the page blurred behind it, showing a preview and actions: slide to one and let go, or let go to close.mobileinteractivetabletlong-pressmenugesture3 views · 5 downloadsConversationListChats with unread counts, a muted state, pinned at the top, typing indicator, swipe to archive, and relative times from a prop.mobileinteractivetabletchatgestureswipe3 views · 6 downloadsDoubleTapLikeDouble tap a photo card to like it, a heart bursting at the finger, with a plain Like button as the equal.mobileinteractivegesturelikemediatablet3 views · 5 downloadsDragBetweenPanesDrag an item from one pane to another by finger or pen, with a drop preview, a keyboard route and on_move.mobiletabletinteractivegesturedragpanes3 views · 5 downloadsDragReorderPut a list in order by long press and drag, scrolling at its edges, and by keys or buttons too.mobileinteractivegesturereorderlisttablet2 views · 7 downloadsEdgeDrawerA navigation drawer pulled from the screen's edge: follows the finger, snaps by speed, holds the focus, closes on Back; stands beside the content on a tablet.mobileinteractivetabletgesturenavigationmenu4 views · 7 downloadsGestureTutorialTeaches a gesture with a looping hand over the real thing, checks it was done there, then does not come back.mobileinteractivegestureonboardingtutorial4 views · 7 downloadsInAppBannerA notification-style banner sliding from the top: tap to open, swipe up to dismiss, a queue for several, held while touched.mobileinteractivenotificationbannergesture3 views · 5 downloadsLongPressMenuA long press opens a menu at the finger, with a haptic, no text selected and no browser callout.mobileinteractivegesturemenulong-presstablet4 views · 5 downloadsMapSheetA list in a sheet over a Leaflet map, each synced to the other, pins and rows, with the sheet dragged down to see more of the map; on a tablet, a list beside it.mobileinteractivetabletmapsheetgesture4 views · 5 downloadsNavStackA stack of screens pushed and popped with a slide, each keeping its state and scroll, with a real Back through the browser's history; a column beside the rest on a tablet.mobileinteractivetabletnavigationhistorygesture2 views · 6 downloadsPeekSheetA sheet that stays over a map or page and grows with a drag, with what is behind it still in use; on a tablet, a card down the side.mobileinteractivetabletsheetmapgesture3 views · 8 downloadsPinDropperA fixed centre pin with the map moving under it: gives the coordinates and calls on_pick, with arrow keys and buttons as equals of the drag.mobileinteractivetabletmaplocationgesture3 views · 6 downloadsPinchZoomImagePinch and double tap to zoom an image, pan to its edges, with a rubber band at the limits and zoom buttons as well.mobileinteractivegesturepinchimagetablet2 views · 7 downloadsPullDownMenuA menu pulled out of a header by a finger, chosen by sliding to an item and letting go, or by its button; on a tablet, a small menu at the end of the header.mobileinteractivetabletmenugesture5 views · 5 downloadsPullToRefreshPull a list down from its top to refresh, with resistance, a spinner, and success and failure states.mobileinteractivegesturerefreshscrolllist3 views · 8 downloadsQuickSettingsGridSettings as big tiles: tap to turn, long press for details, kept as data, and a way to put them in another order.mobileinteractivesettingsgesturetoggletablet3 views · 5 downloadsReactionBarA long press raises a bar of reactions to slide along and pick from, one for each person, with counts, and a route for keys.mobileinteractivechatreactionsgestureemoji2 views · 7 downloadsRouteStepsTurn-by-turn steps with the current one large, progress, distance left and an ETA from data, moved along by a position, a swipe, buttons or keys.mobileinteractivetabletnavigationmapgesture2 views · 7 downloadsSeatPickerSheetPick seats in a sheet by zoom and tap, with fares, who sits beside you, seats found together and accessible seats.mobileinteractivetablettravelseatsgesture3 views · 5 downloadsSelectionModeLong press starts selecting, tap adds, a toolbar shows the count and actions, and back leaves the mode.mobileinteractivetabletlistgestureselection4 views · 6 downloadsSleepChartStages through a night as a chart read by finger, with totals, right across midnight and a change of the clocks.mobileinteractivehealthchartgesturetablet4 views · 8 downloadsSlideToConfirmDrag a thumb across to confirm something serious, with keys, and a hold for screen readers.mobileinteractivegestureconfirmslider2 views · 5 downloadsStackedModalModals over modals with the page behind scaled back as cards, dragged down one at a time; on a tablet, cards in the middle of the screen.mobileinteractivetabletmodalstackgesture4 views · 5 downloadsStoryViewerStories with segmented progress: hold to pause, tap to go on or back, swipe down to leave, with the next ones fetched ahead.mobileinteractivestoriesgesturemediatablet3 views · 7 downloadsStylusCanvasDraw with a pen by pressure and tilt, palm rejected, with undo, eraser, zoom, and an image or strokes out.mobiletabletinteractivependrawinggesture3 views · 4 downloadsSwipeBackPull a screen away from the left edge to go back, with the previous one peeking behind; a Back button for everyone else.mobileinteractivegesturenavigationback3 views · 7 downloadsSwipeDeckA stack of cards flung left or right with a turn of the wrist, undo, and buttons that do the same.mobileinteractivegestureswipecardstablet3 views · 9 downloadsSwipeDismissListSwipe rows away, the rest closing up, with undo in batches that come back in order.mobileinteractivegestureswipeundotablet3 views · 5 downloadsSwipeKanbanColumns swiped by page, cards moved to a neighbour by drag near the edge, or from a menu.mobileinteractivegesturekanbandragtablet2 views · 5 downloadsSwipeReplyDrag a message sideways to quote it in the reply, with a tap felt at the threshold, and a menu that does the same.mobileinteractivechatswipereplygesture3 views · 6 downloadsSwipeRowA list row with actions behind it each way, a full swipe to run one, and a More button and keys to the same actions.mobileinteractivegestureswipelisttablet2 views · 8 downloadsSwipeTabsPages swiped sideways in step with their tab strip, the line under the tabs tracking the finger, pages built when reached; tapping and keys do the same.mobileinteractivetablettabsswipegesture3 views · 7 downloadsSwipeToastA toast sent away by a sideways swipe, with Undo, stacked and timed, standing above the tab bar and the on-screen keyboard.mobileinteractivetoastundogesture3 views · 6 downloadsTableFloorPlanRestaurant tables on a floor plan with status, moved in an edit mode, tapped to open a check, scaled to fit either way up.mobiletabletinteractiverestaurantfloor-plangesture2 views · 5 downloadsTaskRowA task with a round check, swipes for its due day and delete, subtasks, and a smooth move when finished.mobileinteractivegestureswipetaskstablet3 views · 6 downloadsTouchChartA line chart read by finger with a crosshair and value, pinched to a range, with buttons, keys and a table to the same places.mobileinteractivechartgesturepinchtablet3 views · 6 downloadsVoiceNoteListRecordings with titles, duration, a scrub bar for the finger, and a place for the transcript.mobileinteractiveaudionotesgesturetablet3 views · 6 downloadsWeekStripDays in a swiped strip with dots for what is on them, today, and a jump to any day.mobileinteractivegesturecalendarswipetablet2 views · 8 downloadsWeightTrendA smoothed trend over noisy weigh-ins, in kg or lb, with a goal line, read by finger, and holes left as holes.mobileinteractivehealthchartgesturetablet3 views · 5 downloadsWidgetGridA home screen of tiles of different sizes, rearranged by long press, with a keyboard and button route, and kept as a list of data.mobileinteractivedashboardgesturedragtablet3 views · 6 downloads

Other tags

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