[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"project-36244886":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":43,"post_text":44,"what":45,"said":80,"maker_in_thread":210,"shape":212,"grid":217,"attempts":314,"same_week":315,"maker_shows":33,"maker_hidden":345,"reader_version":346,"card":347},"36244886","Tremor 3.0","Open-source library to build dashboards fast","title","Show HN: Tremor 3.0 – Open-source library to build dashboards fast","https:\u002F\u002Fwww.tremor.so\u002Fchangelog","tremor.so","exod983",1686242880,2023,227,41,235,3109,8,"notable","languages","react ui component library","library",[24,25,26,27],"dashboard library","tailwind","react components","open source charts","curious",0.047,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,14,1,4,24,{"design":37,"idea":40,"execution":42},{"positive":38,"critical":39},3,2,{"positive":41,"critical":41},0,{"positive":41,"critical":39},[31,41,41,38,41,38,38,41,31,41,38,41,41,33,38,33,41,41,41,41,41,41,41,33,38,38,38,38,31,38,38,31,31,33,41,41,38,38,38,38],"Time to remove the Beta label. Tremor v3 is here, adding:\n\n- Global theming via tailwind.config.js\n\n- An out-of-the-box dark mode\n\n- A new Tremor CLI helping you set up projects faster",{"problem":46,"audience":52,"pricing":52,"motivation":52,"time_to_build":52,"stack":53,"openness":77,"stage":78,"team_size":79},{"value":47,"source":48,"evidence":49},"Building dashboards quickly from ready-made components.","maker",[50],{"id":51},"post",null,[54,66],{"value":55,"source":56,"evidence":57},"Tailwind CSS","commenter",[58,62],{"id":59,"by":60,"text":61},"36254310","kodah","These things aren't analogous to React. They're more like opinionated and consistent design systems. This one is built on Tailwind.",{"id":63,"by":64,"text":65},"36248781","jiggywiggy","You probably just want Tailwind css in react native. There are a few options to get those in. This tremor is mostly just some wrappers around tailwind.",{"value":67,"source":56,"evidence":68},"React",[69,73],{"id":70,"by":71,"text":72},"36245828","Alifatisk","Such a beautiful design, does it support Vue or is it only for React?",{"id":74,"by":75,"text":76},"36250930","sureglymop","Have to see if it plays well with SvelteKit.","open_source","launched","unknown",{"praise":81,"objections":98,"requests":121,"questions":166,"alternatives":181},[82,93],{"value":83,"source":56,"evidence":84},"Nicely designed components and visual style",[85,89],{"id":86,"by":87,"text":88},"36249108","sakerbos","I'm a big fan of Tremor! Initially used it for their next level AreaChart but now using everything I can because they're just really nicely designed. The tailwind integration is…",{"id":90,"by":91,"text":92},"36246264","rcarmo","Very nice visual style, just one (recurring) gripe: Line charts apparently do not allow for zooming in or panning data (which is critical for reviewing time series). This is…",{"value":94,"source":56,"evidence":95},"Good Tailwind integration",[96,97],{"id":86,"by":87,"text":88},{"id":63,"by":64,"text":65},[99,110,114],{"value":100,"source":56,"evidence":101},"Date picker lacks a way to jump to years without a toggle",[102,106],{"id":103,"by":104,"text":105},"36246291","new_user_final","After a quick test, I have found that it doesn't provide a way to a select date from years ago. How am I supposed to select January 2017? going back 1 month at a time? It's a…",{"id":107,"by":108,"text":109},"36253694","hinkley","Why is that a toggle. Toggles are refusing to make a decision and making your customers do it for you.",{"value":111,"source":56,"evidence":112},"Line charts cannot be zoomed or panned",[113],{"id":90,"by":91,"text":92},{"value":115,"source":56,"evidence":116},"Scroll restoration is annoying on docs pages",[117],{"id":118,"by":119,"text":120},"36255853","5Qn8mNbc2FNCiVV","Please fix the scroll restoration, it makes it extremely annoying to navigate. Especially on the component view where I look at a component and want to go back and look at the…",[122,136,145,152,159],{"value":123,"source":56,"evidence":124},"React Native support",[125,129,133],{"id":126,"by":127,"text":128},"36252657","ano88888","does it support react native",{"id":130,"by":131,"text":132},"36246988","hbcondo714","I was hoping to see support for React Native but according to one of their issues]1], they need another contributor for it and \"other JS frameworks\" [1]…",{"id":134,"by":127,"text":135},"36252654","Does it support react native?",{"value":137,"source":56,"evidence":138},"Svelte or Vue support",[139,143,144],{"id":140,"by":141,"text":142},"36251268","sebastianconcpt","Can it Svelte?",{"id":70,"by":71,"text":72},{"id":74,"by":75,"text":76},{"value":146,"source":56,"evidence":147},"Funnel charts and drag-and-drop layout",[148],{"id":149,"by":150,"text":151},"36252454","alooPotato","This seems really good for standard Saas reporting pages. Looks like it's missing two things that seem to be pretty common: funnel charts and a drag n' drop layout where users…",{"value":153,"source":56,"evidence":154},"Gantt charts",[155],{"id":156,"by":157,"text":158},"36246414","videogreg93","Can you make gantt charts with this? Many such libraries are missing this which is super annoying.",{"value":160,"source":56,"evidence":161},"Live updating via websocket or SSE",[162],{"id":163,"by":164,"text":165},"36248359","fasteo","Looks great. Does it support live updating via websocket\u002Fsse ?",[167,174],{"value":168,"source":56,"evidence":169},"How easy is it to add to an existing non-Tailwind design system?",[170],{"id":171,"by":172,"text":173},"36247049","bilalq","This looks really neat. How easy is it to bolt on if you already have an existing design system without tailwind in use?",{"value":175,"source":56,"evidence":176},"Why the class name prefix changed to -tremor-",[177],{"id":178,"by":179,"text":180},"36282699","hackerloom","Thank you for sharing. I have been utilizing it for my ongoing project. However, I am curious about the reason behind your decision to change the class name of Tailwind to…",[182,189,196,203],{"value":183,"source":56,"evidence":184},"Tabler",[185],{"id":186,"by":187,"text":188},"36245673","Brajeshwar","This is nice. If you are looking for more choices, Tabler[1] is another such component template, and I have used it to knock off visual dashboards fast. Not related; just another…",{"value":190,"source":56,"evidence":191},"Metabase",[192],{"id":193,"by":194,"text":195},"36247873","reneberlin","If you're too tired to code in your spare time there is also: https:\u002F\u002Fwww.metabase.com\u002F Which is of course much more under the hood than just the frontend, but it's trivial to…",{"value":197,"source":56,"evidence":198},"Flowbite and shadcn-ui",[199],{"id":200,"by":201,"text":202},"36253319","francislavoie","Flowbite and shadcn-ui are ones to look at. I also like rsuite but it's super bloated which is my main complaint, but it has the best check-tree-picker component I've found.",{"value":204,"source":56,"evidence":205},"Looker Data Studio",[206],{"id":207,"by":208,"text":209},"36253010","boredemployee","Also Looker Data Studio is amazing. Built an entire startup product embedding it on a web app.",{"comments":41,"answered":41,"key":211},[],{"commenters":213,"max_depth":214,"maker_replies":41,"first_comment_mins":215,"lifespan_hours":216},36,6,52,71,[218,220,224,227,231,232,235,236,240,244,247,248,251,254,256,260,261,264,268,270,272,273,276,277,279,280,281,282,284,287,289,290,292,294,296,299,303,304,306,308,310],[186,41,31,219,187,41],"project\u002Fpositive\u002Fdesign",[221,41,41,222,223,41],"36245727","commenter\u002Fneutral\u002Fnone","krat0sprakhar",[225,41,41,222,226,41],"36249114","goraffe",[228,41,38,229,230,41],"36250013","project\u002Fneutral\u002Fidea","dsego",[59,41,41,222,60,41],[233,41,38,234,75,41],"36250759","project\u002Fneutral\u002Fnone",[200,41,38,234,201,41],[237,41,41,238,239,41],"36257306","other\u002Fneutral\u002Fnone","ckluis",[241,41,31,242,243,41],"36251146","project\u002Fpositive\u002Fnone","EthicalSimilar",[245,41,41,222,246,41],"36253784","Solvency",[126,41,38,234,127,41],[249,41,41,238,250,41],"36254282","amir734jj",[252,41,41,238,253,41],"36255772","leeman2016",[103,33,33,255,104,41],"project\u002Fcritical\u002Fdesign",[257,33,38,258,259,41],"36251214","project\u002Fneutral\u002Fdesign","antx",[107,33,33,255,108,41],[262,33,41,222,263,41],"36254922","marshmellman",[265,33,41,266,267,41],"36256093","commenter\u002Fneutral\u002Fdesign","dasloop",[269,33,41,238,108,41],"36261560",[271,33,41,266,108,41],"36261553",[193,39,41,238,194,41],[274,39,41,238,275,41],"36252758","smithcoin",[207,39,41,238,208,41],[90,38,33,278,91,41],"project\u002Fcritical\u002Fexecution",[70,34,38,234,71,41],[130,34,38,234,131,41],[63,34,38,234,64,41],[149,31,38,283,150,41],"project\u002Fmixed\u002Fnone",[285,214,31,219,286,41],"36250490","hardwaresofton",[156,288,38,234,157,41],7,[171,18,38,234,172,41],[178,291,31,242,179,41],9,[86,293,31,219,87,41],10,[118,295,33,278,119,41],11,[297,298,41,238,246,41],"36251704",12,[300,301,41,238,302,41],"36253003",13,"shahbazac",[163,32,38,234,164,41],[74,305,38,234,75,41],15,[134,307,38,234,127,41],16,[140,309,38,234,141,41],17,[311,312,41,238,313,41],"36245955",18,"revskill",[],[316,321,326,331,335,340],{"id":317,"name":318,"points":319,"category":320},"36296695","Non.io",1943,"consumer_social",{"id":322,"name":323,"points":324,"category":325},"36295227","Dimension Hopper",395,"games",{"id":327,"name":328,"points":329,"category":330},"36243926","databasediagram.com",262,"dev_tools",{"id":332,"name":333,"points":334,"category":320},"36299904","FlingUp",260,{"id":336,"name":337,"points":338,"category":339},"36301337","Zsync",207,"web_saas",{"id":341,"name":342,"points":343,"category":344},"36280028","OpenObserve",198,"infrastructure",false,"v2",{"id":348,"name":5,"line":6,"ai":345,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":349,"top":18,"kw":350,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":351,"url":9,"mix":352,"praise":83,"objection":100,"sub":21},36244886,0.05,[24,25,26,27],"5003033050300131000000013333533551003333",[31,32,33,34],1794036636694]