Connor Love

Computer Science student at Ohio State focused on web development, AI, and digital products. Building software that solves real problems.

[Connor Love @connorlove_dev]

Who else is going to SF Tech Week?

I'm a CS student building Handwork, a lightweight AI coding harness for the terminal. I'll be in SF October 5 to 11 and want to meet people across tech.

Reply with what you're working on. I'll reach out and find a time to meet!

#SFTechWeek #a16zTechWeek #BuildInPublic

[Connor Love @connorlove_dev]

@getnachonacho That's the plan! I'm looking foward to making progress on Handwork and meeting people while I'm there.

[Connor Love @connorlove_dev]

I'm heading to SF for Tech Week from October 5th to 11th!

I'm taking the week off school to attend events, work on Handwork, my AI coding harness, and meet people across tech.

If you are in SF that week, send me a message. Let's grab coffee or meet at an event!

#SFTechWeek #SF

[Connor Love @connorlove_dev]

Long category names are a good reason to turn a bar chart sideways.

HonestUI supports layout="horizontal", so you can keep labels readable instead of rotating them.

React example, sample data:
https://t.co/9pFBmCMleW

[Connor Love @connorlove_dev]

When the question is which month was biggest, let the chart point to it.

HonestUI's enableMaxValueHighlight colors the highest-total category and mutes the rest.

React example with sample data:
https://t.co/pNqisyzWxp

[Connor Love @connorlove_dev]

@notkevinzhang Building Handwork which is an AI coding harness. I want to use Jev for fast decisions and only call larger models when deeper reasoning is needed.

[Connor Love @connorlove_dev]

A loading chart shouldn't look like zero revenue.

HonestUI's isLoading state shows a bar skeleton while the data arrives. Keep loading separate from nothing happened.

React example:
https://t.co/qbnG6q2fd0

[Connor Love @connorlove_dev]

Building a React dashboard?

Here's my free Next.js starter with revenue charts, a customer table and a conversion funnel. The demo uses sample data. Replace it with yours.

MIT licensed. Get the source:
https://t.co/KCHEH0h0Xl

[Connor Love @connorlove_dev]

The last bar is different on purpose.

If a period is unfinished or projected, give it a different treatment. HonestUI's bufferBar hatches the final data point and keeps the rest solid.

React demo, sample data:
https://t.co/WtlQ2um0vU

[Connor Love @connorlove_dev]

This month isn’t over yet. Its chart bar shouldn’t look like a finished result.

HonestUI’s bufferBar marks the final bar with a hatched fill and outline.

One prop:
<https://t.co/l2BwMTJLhl dataKey="revenue" bufferBar />

Free and open source.
https://t.co/fooRQMngCR

[Connor Love @connorlove_dev]

One small React detail: an active pill that moves between dock items.

HonestUI’s Dock keeps the buttons the same size while the indicator moves.

Copy the component. Edit the source.

https://t.co/RoU4Xxianu

[Connor Love @connorlove_dev]

React bar charts with a little more character.

Hatched fills, gradients, and hover highlights built into HonestUI.

Free and open source.

Try the examples:
https://t.co/aPF8d5CdfZ

[Connor Love @connorlove_dev]

A free Next.js analytics dashboard you can make your own.

Revenue charts, a retention heatmap, and a filterable customer table. Built with HonestUI and mock data you can replace.

Clone the starter:
https://t.co/KCHEH0h0Xl

[Connor Love @connorlove_dev]

I built HonestUI to bring UI components, charts and visual effects into one React toolkit.

Copy the components. Edit the source. Import charts, icons and shaders when you need them.

Free and open source. MIT licensed.

https://t.co/qHsuy6M63s

[Connor Love @connorlove_dev]

Demo: https://t.co/gm8rb5D7WS

GitHub: https://t.co/KCHEH0h0Xl

[Connor Love @connorlove_dev]

I made a free Next.js analytics dashboard starter with HonestUI.

It has working filters, tables, dark mode, responsive layouts, and ECharts for the charts.

The whole thing is open source and ready to clone.

Video below.

[Connor Love @connorlove_dev]

Built a free Next.js analytics dashboard starter with HonestUI.

It uses existing HonestUI components and charts, with filters, tables, dark mode, loading states, and responsive layout already built in.

Demo: https://t.co/gm8rb5D7WS
Github: https://t.co/KCHEH0h0Xl

[Connor Love @connorlove_dev]

The goal was to let the action change without making the control feel like a different button each time. The icon and label move together, while the control stays in the same place.

Blur gives a soft change, roll gives the movement a direction, and cascade moves through the label one letter at a time. The content and behavior stay the same, so the motion can match the interface without changing what the button does.

Reduced motion swaps the state immediately instead of running the full effect.

[Connor Love @connorlove_dev]

Component Showcase 04: Action Swap

Action Swap lets one button move through a small set of related states without adding more controls.

Variations include blur, roll, and letter-cascade transitions.

https://t.co/T50MsaUQ6N